Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image Clicking CSS

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41222
    stesani
    Participant

    I’m trying to make an image wherein, when clicked, text will appear for more information on stuff (the text will be on the image, and the image greys out in the background). Its been a while since I’ve done CSS and have no experience with JavaScript so please excuse the noobness. Thanks! :)

    #116433
    chrisburton
    Participant

    You should be able to alter the code for Slide-in Image Boxes to do what you’re asking.

    https://css-tricks.com/examples/SlideInImageBoxes/

    #116680
    stesani
    Participant

    Thank you! I shall try this out.

    #116629
    chrisburton
    Participant

    Although I would probably use JQuery for this. Depending on the design I would use .toggle() or .click() function. So if you click on one box and then click on another, the first box you clicked will show the initial image without text.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.