I have a list of images where I've attached a FancyBox lightbox so the users can click and get a larger preview.
My FancyBox were working fine in FireFox, but when I tried it in IE8, it only worked for the first element on the page. After reading the FAQ I solved this problem by:
Use class as a selector, not id. Meaning: Use $(".selector").fancybox() instead of $("#selector").fancybox()
But, by solving that problem, I got a new problem: The images were not displayed correctly. They were displayed as unreadable signs. After googling some more, I found the solution:
Set the content type. I'm displaying images, so by setting the type to image everything works just fine :)