تغییر خودکار تب جاوااسکریپت

[مهدی 1668]

سلام

چطور برای این جاوااسکریپت تب سوییچ خودکار اضافه کنم

یعنی بعد از چند ثانیه خودکار تب‌ها عوض بشن

<script type="text/javascript">
$(document).ready(function() {
$(".news-box-feature").hide();
$(".news-box-feature:first").show();
$(".news-box-title ul li:first").addClass("active").show();
$(".news-box-title ul li").hover(function () {
$(".news-box-title ul li").removeClass("active");
$(this).addClass("active");
$(".news-box-feature").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn(100);
return false;
});
});
</script>

من خیلی گشتم ولی چیزی پیدا نکردم

دوستانی که آشنا هستند یک لینک پیدا کردم که همون چیزی که می‌خوام رو انجام میده

ولی نوع اسکریپتش متفاوت هست

لینک

ویرایش شده شهریور 92 توسط مهدی

[Morteza 34190]

با jquery ui باشه مشکلی نیست؟

[مهدی 1668]

سلام

ممنون میشم اگه راه حل رو از خود

jquery یا

cycle بدید

البته اگر ممکن هست

و الا که همون راه حل شما ...

ممنون

[Morteza 34190]

شما تبی که میخواین روکدنویس یکنید و اینجا آدرس بدید تا کد خودکار شدن رو براتون اضافه کنم

[مهدی 1668]

ممنون آدرسی وجود نداره لوکال هاست هست

ولی کد اون به صورت زیر نوشته شده

<script type="text/javascript">
$(document).ready(function() {
$(".cat-tabs-wrap").hide();
$(".cat-tabs-header ul li:first").addClass("active").show();
$(".cat-tabs-wrap:first").show();
$(".cat-tabs-header ul li").click(function() {
$(".cat-tabs-header ul li").removeClass("active");
$(this).addClass("active");
$(".cat-tabs-wrap").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn(1000);
return false;
});
});
</script>
<div id="content"><div id="home-cat-tab"><div class="cat-tabs-header">
<ul>
<?php if(get_option('oTheme_first_tab') != '') { ?><li><a href="#tab1" ><?php echo get_option('oTheme_first_tab'); ?></a></li><?php } ?>
<?php if(get_option('oTheme_second_tab') != '') { ?><li><a href="#tab2" ><?php echo get_option('oTheme_second_tab'); ?></a></li><?php } ?>
<?php if(get_option('oTheme_third_tab') != '') { ?><li><a href="#tab3" ><?php echo get_option('oTheme_third_tab'); ?></a></li><?php } ?>
<?php if(get_option('oTheme_Fourth_tab') != '') { ?><li><a href="#tab4" ><?php echo get_option('oTheme_Fourth_tab'); ?></a></li><?php } ?>
<?php if(get_option('oTheme_Fifth_tab') != '') { ?><li><a href="#tab5" ><?php echo get_option('oTheme_Fifth_tab'); ?></a></li><?php } ?>
</ul>
</div><!--.cat-tabs-header-->
<div id="tab1" class="cat-tabs-wrap">
<?php query_posts('category_name='.get_option('oTheme_first_tab').'&post_status=publish&showposts='.get_option('oTheme_number_cat').'');
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="thumb"><?php if (has_post_thumbnail()) {the_post_thumbnail('cat-thum');} ?></div>
<div class="c-l">
<a href="<?php the_permalink(); ?>"><?php the_title (); ?></a>
			 <div>
<?php $string1 = the_content_rss('', TRUE, '', get_option("oTheme_number_cont_cat")); $string = strip_tags($string1); echo $string ; ?>
<a class="readmore" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php _e('Permanent Link to', 'theme'); ?>
<?php the_title_attribute(); ?>"><?php _e('Read More','theme') ?></a>
			 </div>
</div><div class="clear"></div>
<?php endwhile; else: endif; wp_reset_query(); ?>
</div>
<div id="tab2" class="cat-tabs-wrap">
<?php query_posts('category_name='.get_option('oTheme_second_tab').'&post_status=publish&showposts='.get_option('oTheme_number_cat').'');
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="thumb"><?php if (has_post_thumbnail()) {the_post_thumbnail('cat-thum');} ?></div>
<div class="c-l">
<a href="<?php the_permalink(); ?>"><?php the_title (); ?></a>
<div>
<?php $string1 = the_content_rss('', TRUE, '', get_option("oTheme_number_cont_cat")); $string = strip_tags($string1); echo $string ; ?>
<a class="readmore" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php _e('Permanent Link to', 'theme'); ?>
<?php the_title_attribute(); ?>"><?php _e('Read More','theme') ?></a>
			 </div>
</div><div class="clear"></div>
<?php endwhile; else: endif; wp_reset_query(); ?>
</div>
<div id="tab3" class="cat-tabs-wrap">
<?php query_posts('category_name='.get_option('oTheme_third_tab').'&post_status=publish&showposts='.get_option('oTheme_number_cat').'');
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="thumb"><?php if (has_post_thumbnail()) {the_post_thumbnail('cat-thum');} ?></div>
<div class="c-l">
<a href="<?php the_permalink(); ?>"><?php the_title (); ?></a>
<div>
<?php $string1 = the_content_rss('', TRUE, '', get_option("oTheme_number_cont_cat")); $string = strip_tags($string1); echo $string ; ?>
<a class="readmore" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php _e('Permanent Link to', 'theme'); ?>
<?php the_title_attribute(); ?>"><?php _e('Read More','theme') ?></a>
			 </div>
</div><div class="clear"></div>
<?php endwhile; else: endif; wp_reset_query(); ?>
</div>
<div id="tab4" class="cat-tabs-wrap">
<?php query_posts('category_name='.get_option('oTheme_Fourth_tab').'&post_status=publish&showposts='.get_option('oTheme_number_cat').'');
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="thumb"><?php if (has_post_thumbnail()) {the_post_thumbnail('cat-thum');} ?></div>
<div class="c-l">
<a href="<?php the_permalink(); ?>"><?php the_title (); ?></a>
<div>
<?php $string1 = the_content_rss('', TRUE, '', get_option("oTheme_number_cont_cat")); $string = strip_tags($string1); echo $string ; ?>
<a class="readmore" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php _e('Permanent Link to', 'theme'); ?>
<?php the_title_attribute(); ?>"><?php _e('Read More','theme') ?></a>
			 </div>
</div><div class="clear"></div>
<?php endwhile; else: endif; wp_reset_query(); ?>
</div>
<div id="tab5" class="cat-tabs-wrap">
<?php query_posts('category_name='.get_option('oTheme_Fifth_tab').'&post_status=publish&showposts='.get_option('oTheme_number_cat').'');
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="thumb"><?php if (has_post_thumbnail()) {the_post_thumbnail('cat-thum');} ?></div>
<div class="c-l">
<a href="<?php the_permalink(); ?>"><?php the_title (); ?></a>
<div>
<?php $string1 = the_content_rss('', TRUE, '', get_option("oTheme_number_cont_cat")); $string = strip_tags($string1); echo $string ; ?>
<a class="readmore" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php _e('Permanent Link to', 'theme'); ?>
<?php the_title_attribute(); ?>"><?php _e('Read More','theme') ?></a>
			 </div>
</div><div class="clear"></div>
<?php endwhile; else: endif; wp_reset_query(); ?>
</div></div><!--#home-cat-tab--></div><div class="backb"></div><!--#content-->

البته همون‌طور که معلوم هست کاراکترهای جاوااسکریپت تغییر کرده

ولی اصل کدنویسی جاوااسکریپت یکی هست

ویرایش شده شهریور 92 توسط مهدی

[Morteza 34190]

این رو به اسکریپت اضافه و تست کنید:

function rotate() {
    $('.cat-tabs-header ul li').click();
}
setInterval('rotate()', 2000);