Hi,
I am trying to get the fancybox to work with multiple products on one page. I am talking about the product listing. I added a "magnifying"-button in the table next to the products picture to allow my customers to see a large image of the product without having to enter the product_info page.
As far as I understand the working of the FancyBox it opens any link inside the <div id=fancy></div> part as a popup. If it's an image it works, a normal link doesn't. Now if I put every "magnifying"-button inside it's own <div id=fancy></div> only the first one on the page works. If I put the whole table inside just one big div-tag every link is going to be popped up.
I am a total noob regarding javascript and even though I have coding skills in quite some languages I have no idea how to change the script that identifies the div-tag.
EDIT: OK, I got to the point of understanding that $("div#fancy a").fancybox({ adds the fancybox funcionality to the stuff inside the tag. Why is it only working with the first occurance of the <div id=fancy> tag?
Can you think of a way to make it work with div-tags like fancy1, fancy2, fancy3,...? Or some other way to get it to work?
You may want to have a look at
http://www.vegan-wonderland.de/catalog/aufschnitte-c-21.html to see the magnifying-buttons.
To see it working with the first button go to
http://www.vegan-wonderland.de/catalog2/index.php?cPath=21
Thanks in advance.
Kalle