VonoNogeJob
New Member
Hi there I'am playing around with light box. What I am trying to do is get a border around my thumbnail so that when the user hovers over it, it will change color. Example : http://lokeshdhakar.com/projects/lightbox2/You can see when you hover the thumbnail it changes the border color around the image. Can anyone help me do this with my images? I have put them around in a div and i got 6 of them. Thanks for the help. Html:\[code\]<div class = "lightbox"> <a href="http://stackoverflow.com/questions/15799611/images/image1.jpg" rel="lightbox[group]"><img src="http://stackoverflow.com/questions/15799611/images/image1t.jpg" /></a> <a href="http://stackoverflow.com/questions/15799611/images/image2.jpg" rel="lightbox[group]"><img src="http://stackoverflow.com/questions/15799611/images/image2t.jpg" /></a> <a href="http://stackoverflow.com/questions/15799611/images/image3.jpg" rel="lightbox[group]"><img src="http://stackoverflow.com/questions/15799611/images/image3t.jpg" /></a> <a href="http://stackoverflow.com/questions/15799611/images/image4.jpg" rel="lightbox[group]"><img src="http://stackoverflow.com/questions/15799611/images/image4t.jpg" /></a> <a href="http://stackoverflow.com/questions/15799611/images/image5.jpg" rel="lightbox[group]"><img src="http://stackoverflow.com/questions/15799611/images/image5t.jpg" /></a> <a href="http://stackoverflow.com/questions/15799611/images/image6.jpg" rel="lightbox[group]"><img src="http://stackoverflow.com/questions/15799611/images/image6t.jpg" /></a></div>\[/code\]