Having had no luck getting a response on the prettyPhoto forums I decided to try my luck here. The original post:
I recently uploaded my very first website, a portfolio site for my gf. I used prettyPhoto for the galleries of her work, but came to the realization that the gallery does not work in IE (any version I have tried). You cant even click the thumbnail links to see the full-sized images.
Having read the FAQ I am certain it's not a "trailing comma" issue, as I've tested with a clean unaltered version of the prettyPhoto.js, and removing the css styles also did nothing to get the gallery to work in IE. I am very new to webdesign, so my apologies if I am missing something obvious but I have not been able to figure out the problem thus far.
Link to random gallery on the site: http://www.sofievanassche.be/portfolio/school/bullying_book.html
Thank you for taking the time to read this post!
Ok, i have found problem, do this:
<a href="../../images/all/school/02_newspaper/newspaper_01.jpg" rel="prettyPhoto[gallery1]">
<img src="../../images/all/gallery_thumbnails/school/02_newspaper/newspaper-thumb_01.jpg" alt="">
</a>
Wrap your images inside link (a tag), like above. Your current code:
<a href="../../images/all/school/02_newspaper/newspaper_03.jpg" rel="prettyPhoto[gallery1]"></a>
<img src="../../images/all/gallery_thumbnails/school/02_newspaper/newspaper-thumb_03.jpg" alt="">
question is actually - how this is working in other browsers. :)