jQuery cycle thumbnails?
<p>jQuery cycle thumbnails ?</p>

<p>Hi all</p>

<p>I have a demo here (not in Wordpress) where I'm using the jQuery cycle plugin
to create the slideshow and the thumbnails.</p>

<p><a href="http://www.ttmt.org.uk/forum/wordpress/" rel="nofollow">http://www.ttmt.org.uk/forum/wordpress/</a></p>

<p>I want to create the same thing in Wordpress</p>

<p><a href="http://www.ttmt.org.uk/wordpress/" rel="nofollow">http://www.ttmt.org.uk/wordpress/</a></p>

<p>Here I have one page with the images added directly to the content of the page.</p>

<p>I'm using the same cycle code as the non-wordpress page.</p>

<p>The image placeholders are added for the thumbnails but not the images.</p>

<p>Can anyone see why the thumbnails are not shown?</p>

<p>Is there another way to do this.</p>

<p>I tried to use Wordpress plugins to do this but they all limited the slideshow
images to being the same dimensions. I need the images to be different sizes.</p>

<p>--UPDATE--</p>

<p>The home page has this php that simply outputs the page content.
The images have been added directly to the page</p>

<pre><code>&lt;div id="content"&gt;    


&lt;?php if(have_posts()) : while(have_posts()) : the_post(); ?&gt;



  &lt;div id="slideshow"&gt;

    &lt;?php the_content(); ?&gt;

  &lt;/div&gt;&lt;!-- #slideshow --&gt;  

  &lt;div id="thumbWrap"&gt;
  &lt;ul id="thumbs"&gt;

  &lt;/ul&gt;
&lt;/div&gt;


&lt;?php endwhile; endif;?&gt;  

&lt;/div&gt;&lt;!-- #content --&gt;
</code></pre>

<p>This the jquery I'm using to try and create the thumbnails. I'm using Timthumb to resize the thumbs.</p>

<pre><code>&lt;script type="text/javascript"&gt;

  $(window).load(function() {
   $('#slideshow').cycle({
        fx: 'fade',
        speed: 800,
        timeout: 3000,
        pause:     1,
        pager:  '#thumbs', 

        pagerAnchorBuilder: function(idx, slide) { 
            return '&lt;li&gt;&lt;a href="#"&gt;&lt;img class="imgThumb" src="&lt;?php bloginfo('template_directory'); ?&gt;/thumb/thumb.php?src="' + slide.src + '"&amp;amp;h=50&amp;amp;w=50px&amp;amp;zc=1" /&gt;&lt;/a&gt;&lt;/li&gt;'; 
        } 
    });

});


&lt;/script&gt;
</code></pre>
