Great tutorial. Very nice hover gallery! Would it …
Comment posted JQuery Hover Effect Image Gallery For eCommerce by Chris.
Great tutorial. Very nice hover gallery! Would it be possible to not link the thumbnails to the big image? I know its probably part of the degrading process, but for those with javascript enabled, it might be a bit pointless to link them to the same image that shows in the big image.
To clarify would I be able to use so that the link does not go through? Should I use a different anchor attribute to pass the path through the function?
Chris also commented
- @Rob
Sorry. Now I see what that was for. JS degradation. Very nice. I’ve got one small issue however, when these images are not cached in my browser, and I hover over a new thumbnail it stays on whatever defaulted (or current) bigImage until the new big image is loaded and then the new big image appears (instantly). Is there a way to smooth out the loading of the new images?
- sorry I tried to state the anchor tag I will try again (using spaces in between):
powered by SEO Super Comments
Really like this as it degrades perfectly, unlike a lot of tutorials I’ve found.
I’ll be using this exact code (if that’s ok) on a site I’m working on the minute – I’ll email you a link over.
Thank you
vujudesign
Nice tutorial. Can I use this on my own website? I have a relative who is able to copy and paste code to get it working. Thank you
This is Fancy Thumbnail Hover Effect w/ jQuery .This effect is very essential to any image gallery. It can improve any site.
Great tutorial. Very nice hover gallery! Would it be possible to not link the thumbnails to the big image? I know its probably part of the degrading process, but for those with javascript enabled, it might be a bit pointless to link them to the same image that shows in the big image.
To clarify would I be able to use so that the link does not go through? Should I use a different anchor attribute to pass the path through the function?
sorry I tried to state the anchor tag I will try again (using spaces in between):
@Table Decorations in the UK
Yes that’s fine
@Chris
Thanks for the comment.
Do mean because I’ve linked directly to the larger image? If so, this is so people without JS can view the larger image. If you wanted to pass through a differnt image, you could change the value of the href in the image thumbnail – if you look they all currently point to a larger view of the current thumbnail? Is this what you mean?
@Rob
Sorry. Now I see what that was for. JS degradation. Very nice. I’ve got one small issue however, when these images are not cached in my browser, and I hover over a new thumbnail it stays on whatever defaulted (or current) bigImage until the new big image is loaded and then the new big image appears (instantly). Is there a way to smooth out the loading of the new images?
@Chris
Well I’ve actually selected a fadeout / fadein of the image so it’s smooth. The big images are 7KB or less too. I guess you could try silently loading the images in the background – could use a simple hidden div or use jquery to preload the remaining bigger images for you.
What browser are you using out of interest?