رفتن به مطلب

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


پست های پیشنهاد شده

سلام

من دارم از 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>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...