I integrated a s3slider to display recent post thumbnails and the post title.. The timeOut is set to 3000 but when you stay longer on the page the slider speeds up and shuffles through posts faster. Has anyone else met this issue? I can’t find an answer.
The code I’m using is,
<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', 5));
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li class="s3sliderImage">
<?php the_post_thumbnail( 'home' ); ?>
<span><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></span>
</li>
<?php endwhile; else: ?>
</ul><div class="message">
...
</div>
<?php endif; ?>
<div class="clear s3sliderImage"></div>
</div>
Please help me if you know. I can’t figure out what I did wrong.. the code seems fine to me.
