The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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.

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed