• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
مهدی

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

6 پست در این موضوع قرار دارد

سلام

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

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


<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>

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

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

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

لینک

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

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

سلام

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

jquery یا

cycle بدید

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

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


<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-->

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری