I asked this in the Jquery forum and also googled it but I can't find an answer.
I integrated a simple s3slider in a wordpress theme. I use the slider to display post thumbnails and the title. It works fine but for some reason, the slide content sometimes loops faster than usual. I have the timeOut set at 3000. This is the code I;m using.. not sure if did anything wrong
<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 3000
});
});
</script>
<div id="s3slider">
<ul id="s3sliderContent">
<?php
query_posts('cat='.$slideshow_cat = get_option('slideshow_cat').'&posts_per_page=' . get_option('slideshow_limit', 10));
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li class="s3sliderImage">
<?php the_post_thumbnail( 'homepage_slide' ); ?>
<span><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></span>
</li>
<?php endwhile; else: ?>
<div class="slideshow_message">
The category ID doesn't exist.
</div>
<?php endif; ?>
<?php wp_reset_query(); ?>
<div class="clear s3sliderImage"></div>
</ul>
</div>
I would really appreciate any help. Other than using another kind of slideshow, I don't know what else to do