Jquery cycle thumbnails

JavaScript
1

Jquery cycle thumbnails

Hi all

I’m using the jquery cycle plugin here to create a slideshow and thumbnails

http://www.ttmt.org.uk/forum/wordpress/

Here I’m using this mark up to create the images.



  <div id="slideshow">
    <img src="car01.jpg" alt="" />
    <img src="car02.jpg" alt="" />
    <img src="car03.jpg" alt="" />
    <img src="car04.jpg" alt="" />
    <img src="car05.jpg" alt="" />
    <img src="car06.jpg" alt="" />
    <img src="car07.jpg" alt="" />
    <img src="car08.jpg" alt="" />
    <img src="car09.jpg" alt="" />
    <img src="car10.jpg" alt="" />
  </div><!-- #slideshow -->

  <div id="footer">
      <div id="thumbWrap">
        <ul id="thumbs">

        </ul>
      </div>
  </div>

  <script type="text/javascript">

    $(window).load(function() {
      //
      $('#slideshow').cycle({
          fx:     'fade',
          speed:  'fast',
          timeout: 0,
          pager:  '#thumbs',

          pagerAnchorBuilder: function(idx, slide) {
              return '<li><a href="#"><img src="' + slide.src + '" width="auto" height="50" /></a></li>';
          }
      });
    });

  </script>

I want to use this in Wordpress, where the images are surrounded by div’s so
they look like this



  <div id="slideshow">
    <div><img src="car01.jpg" alt="" /></div>
    <div><img src="car02.jpg" alt="" /></div>
    <div><img src="car03.jpg" alt="" /></div>
    <div><img src="car04.jpg" alt="" /></div>
    <div><img src="car05.jpg" alt="" /></div>
    <div><img src="car06.jpg" alt="" /></div>
    <div><img src="car07.jpg" alt="" /></div>
    <div><img src="car08.jpg" alt="" /></div>
    <div><img src="car09.jpg" alt="" /></div>
    <div><img src="car10.jpg" alt="" /></div>
  </div><!-- #slideshow -->

When the images have these surrounding div’s the thumbnails don’t work.

http://www.ttmt.org.uk/wordpress/

I can’t remove the div because they also contain the image titles.

Is there a way to alter cycle’s pagerAnchorBuilder so it will work with images that are surrounded by div’s