Grow your CSS skills. Land your dream job.

Image Clicking CSS

  • # December 7, 2012 at 12:53 pm

    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! :)

    # December 7, 2012 at 1:45 pm

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

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

    # December 7, 2012 at 2:23 pm

    Thank you! I shall try this out.

    # December 8, 2012 at 3:07 pm

    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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".