fancybox jQuery help!

[ACTIONpack]

I'm using Fancybox plugin and for some reason I can't get the left and right buttons to show up when the image is large on the page. Any reason why it's not working?

http://www.imagraphicdesigner.com/roma/products/biocalceclassico/historical.html

http://fancybox.net/

[laycat]

The links for the images in your source are all the same id, id="example5". Change these to class, and the subsequent jquery calls, see if it makes a difference?

[ACTIONpack]

I try changing it from ID to CLASS in the html and js coding. Didn't work.

[laycat]

I'm not entirely sure then. At the moment there are 2 fancybox calls when clicking an image... $("a.example5").fancybox({ 'titlePosition' : 'inside' }); and $("a[rel=example_group]").fancybox({ ... }); Perhaps comment one of these out and see if it is this?

Also, as a side note, you have an error in your html. Every 4th anchor element is missing a closing > on the opening tag...

<a class="example5" rel="example_group" href="i/3_b.jpg" title="Lorem ipsum dolor sit amet" <img="" style="margin-right:0;" src="i/1_s.jpg" alt=""></a>

should be...

<a class="example5" rel="example_group" href="i/3_b.jpg" title="Lorem ipsum dolor sit amet"> <img="" style="margin-right:0;" src="i/1_s.jpg" alt=""></a>

[ACTIONpack]

I just got it fix. I decided to change it to the more advance one of Fancybox. Thanks laycat for your help!