اسکرول خودکار تصاویر

[nima-kian 1]

سلام این کد کارش نمایش عکسه و آخرین عکس های دسته ی تصاویر رو نشون میده

می خوام به صورت خودکار بعد از هر 5 ثانیه تصویرش عوض شه

اینجا داخل کدش زده که با کلیک کردن عوض شه

ممنون میشم راهنمایی کنید

<div id="BLOGS">

<?php
$slide=get_option('slide_cat');
?>


<a style="float:left;" href="/?cat=<?php echo $slide; ?>"><div id="BLOGST"></div></a>
<div id="BLOGST_slide_right">►</div>
<div id="BLOGST_slide_center"><div id="blodslid">
<?php
$my_query = new WP_Query('showposts=1&cat='. 14 .'');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<div class="slide_body">

<a target="_blank" href="<?php the_permalink() ?>">
<?php the_post_thumbnail('thumbnail'); ?>
</a>

<a target="_blank" href="<?php the_permalink() ?>"><?php the_title(); ?></a>

</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>



</div></div>

<div id="BLOGST_slide_left">◄</div></div><script>$('#BLOGST_slide_right').click(function(){ $('#BLOGST_slide_center').animate({scrollLeft:'+=300'},250);});$('#BLOGST_slide_left').click(function(){ $('#BLOGST_slide_center').animate({scrollLeft:'-=300'},250); });</script><div style="clear:both;"></div>

[Parsa 23463]

تست کنید

<div id="BLOGS">
<?php
$slide=get_option('slide_cat');
?>

<a style="float:left;" href="/?cat=<?php echo $slide; ?>"><div id="BLOGST"></div></a>
<div id="BLOGST_slide_right">►</div>
<div id="BLOGST_slide_center"><div id="blodslid">
<?php
$my_query = new WP_Query('showposts=1&cat='. 14 .'');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<div class="slide_body">
<a target="_blank" href="<?php the_permalink() ?>">
<?php the_post_thumbnail('thumbnail'); ?>
</a>
<a target="_blank" href="<?php the_permalink() ?>"><?php the_title(); ?></a>
</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</div></div>
<div id="BLOGST_slide_left">◄</div></div>
<script>$('#BLOGST_slide_right').click(function(){ $('#BLOGST_slide_center').animate({scrollLeft:'+=300'},250);});$('#BLOGST_slide_left').click(function(){ $('#BLOGST_slide_center').animate({scrollLeft:'-=300'},250); });
var myVar = setInterval(function(){slideanimate()},5000);
function slideanimate(){
$('#BLOGST_slide_center').animate({scrollLeft:'+=300'},250);
}
</script><div style="clear:both;"></div>

[nima-kian 1]

تست کنید

<div id="BLOGS">
<?php
$slide=get_option('slide_cat');
?>

<a style="float:left;" href="/?cat=<?php echo $slide; ?>"><div id="BLOGST"></div></a>
<div id="BLOGST_slide_right">►</div>
<div id="BLOGST_slide_center"><div id="blodslid">
<?php
$my_query = new WP_Query('showposts=1&cat='. 14 .'');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<div class="slide_body">
<a target="_blank" href="<?php the_permalink() ?>">
<?php the_post_thumbnail('thumbnail'); ?>
</a>
<a target="_blank" href="<?php the_permalink() ?>"><?php the_title(); ?></a>
</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</div></div>
<div id="BLOGST_slide_left">◄</div></div>
<script>$('#BLOGST_slide_right').click(function(){ $('#BLOGST_slide_center').animate({scrollLeft:'+=300'},250);});$('#BLOGST_slide_left').click(function(){ $('#BLOGST_slide_center').animate({scrollLeft:'-=300'},250); });
var myVar = setInterval(function(){slideanimate()},5000);
function slideanimate(){
$('#BLOGST_slide_center').animate({scrollLeft:'+=300'},250);
}
</script><div style="clear:both;"></div>

مرسی متاسفانه کار نکرد اما

مشکل رو با افزونه حل کردم

ممنون از توجهتون