wordpres

مشکل در carousel slider در وردپرس

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

سلام

من دارم از carousel توی یه قسمتی از قالبم استفاده میکنم حالا مشکلی که دارم این هست که باید اسلاید اول کلاس active داشته باشه و بقیه کلاس ها نداشته باشن

کدی که من نوشتم این هست اما خب اون کلاس Active رو نمیدونم چی کنم :((


<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="3000" id="myCarousel">
<div class="carousel-inner">
<?php
$pop_posts = new WP_Query( array( 'posts_per_page' => '10', 'orderby' => 'rand' ) );
while( $pop_posts->have_posts() ) : $pop_posts->the_post();
?>
<div class="item">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="box-top">
<div class="fav-icon-box-top">
<i class="fa fa-star-o"></i>
</div>
<div class="title-box-top">
<h2><?php the_title() ?></h2>
<span><?php the_category() ?></span>
</div>
<?php if(has_post_thumbnail()){
?>
<div class="pic-box-top"><?php
the_post_thumbnail('wp-thumb');
?>
</div>
<?php
}
else {?>
<div class="pic-box-top">
<img src="<?php bloginfo('template_url') ?>/img/service_post.jpg" alt="" class="img-responsive" />
</div>
<?php }?>
</div>
</div>
</div>
<?php endwhile ?>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<img src="<?php bloginfo('template_url') ?>/img/left.png" alt="" />
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<img src="<?php bloginfo('template_url') ?>/img/right.png" alt="" />
</a>
</div>

0

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


لینک به پست

سلام

کد جی کوئری زیر رو استفاده کنید


$('.item:first-child').addClass('active');

2

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


لینک به پست

سلام

کد جی کوئری زیر رو استفاده کنید


$('.item:first-child').addClass('active');

آقا مرسییییییییی

اصلا حواصم به جی کوئری نبود داشتم فقط به PHP فکر میکردم

دمتون گرم!!

0

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


لینک به پست

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

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

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

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


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

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

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


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