Hi,
I am still having problems setting up a feature on my website homepage, where you hover over a thumbnail image and a larger image pops up. I tried all these different ways, placing code in the head and body sections of the page, but could not get it to work. Then a guy on another forum suggested I just change the code of the existing thumbnail, this is the code I used :
<a href="http://www.lannacharm.com/collections/bags">
<img onmouseover="this.src='http://farm2.static.flickr.com/1299/702179596_002d3a80e2.jpg?v=0';"
onmouseout="this.src='http://farm2.static.flickr.com/1299/702179596_002d3a80e2_s.jpg';"
border="0" alt="Handcrafted,handwoven cotton beach/shoulder bag,by www.lannacharm.com" src="http://farm2.static.flickr.com/1299/702179596_002d3a80e2_s.jpg" />
</a>
The original image code looked something like this :
<a href="http://www.lannacharm.com/collections/scarves"><img border="0" alt="Lanna Charm Product, Handwoven Thai Cotton Fabric" src="http://farm2.static.flickr.com/1290/702179614_d3f8e863e1_s.jpg" /></a>
The first 2 images I changed worked ! Hover over the thumbnail and up pops a larger version, instantly and very clear. I thought I was on a winner, but when I tried to change more it would not work, when you mouse over the other images the one that pops up is flickering, looks terrible. I double checked the code I used and it was exactly the same as the first 2, which worked fine. The block of thumbnails I refer to is at the bottom of my
homepage, the ones that work are in the top left hand corner.
Any idea why the code works on the first 2, but no others ?
My website has Lightbox, which works on the product images within the site, but I don't want to play around with that in case I cause problems, and it works well. This is just something I want to do on the homepage, so I can constantly add and remove thumbnails of products.
Hope someone can help, thanks, Mickmac
www.lannacharm.com
