is there a plug-in to mimic this behavior?

[kloy]

is there a plug-in to mimic this swap out behavior I created in Dreamweaver?
http://www.revannielawrence.com/html/testimonials.html

[Mottie]

Hi @kloy!

There really isn’t a need for a plug-in to accomplish that effect. In fact, you can use css only. Here is an example of one image; start with this HTML

​

and apply this css

/* target the thumbnail block */

#photogrid a, #photogrid img {

display: block;

width: 80px;

height: 80px;

}



/* each thumbnail will need a definition like this */

a.img2 {

background: url(http://www.revannielawrence.com/al_thumbs_test_02.jpg)

}

a.img2:hover img {

display: none;

}

​

[kloy]

oh, ok…does that work with an entire div with text content as well?

[Mottie]

@kloy You can do the same thing with a link wrapping a div with content, the only limitation I can think of is that in older version of IE, using the :hover selector only works on links.

[kloy]

I’m still confused about this. I don’t need to hide the thumbnail. I need to hide the divs, each with a photo and some text.

When the user clicks on the corresponding thumbnail, the div will be revealed.
Only 1 div will be visible at any given time.

[Author]

Posts