Thickbox image gallery not working.

Question

HI guys,
Im creating an image gallery using the 'thickbox' widget. When I preview my page on a browser, and click the thumbnail image, nothing happens. It just loads the thickbox preloader bar, nothing else!
I've followed online tutorials by the book! Heck, it even works on live vew in DW, but doesn't do anything on a browser!
Can someone shed some light on this?

Answer 1

marie_barnsley wrote:
I've been through and sorted the majority of the errors, apart from 3 that are flagging up to do with the Fancybox.
The 'rel' tag seems to be the issue and from reading online I've changed this to 'data' instead which seems to have fixed the errors.
However, the fancybox gallery still isn't working.
You must have the scripts linked up incorrectly.
Replace ALL of your script links with the ones below (once it's confirmed it's working you can go directly to the pages, download the scripts and save them locally)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/web.js?m=20100203"></script>
Amend the <script> at the foot of the page to as below:
<script type="text/javascript">
/* Apply fancybox slideshow to 'group'*/
$("a#group").fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 600,
'speedOut': 200,
'overlayShow': false
</script>
Then give the anchor tags in the 3 images an id="group" as below:
<a id="group" href="http://www.marieparkinson.co.uk/images/portfolio/full/harperoffice.jpg" title="Harper Office"><img src="http://www.marieparkinson.co.uk/images/portfolio/thumbs/harperthumb.jpg" alt="image 2"/></a>