rn o j t a b a 0 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 دوستان کسی میدونه اسلایدر بوت استرپ رو چطور میشه با وردپرس هماهنگ کرد؟ طوری که آخرین پست ها رو نمایش بده؟من یه همچین کدی نوشتم <div id="myCarousel" class="carousel slide"> <?php $my_query = new WP_Query('showposts=5'); $my_query->the_post(); $x=0; $do_not_duplicate = $post->ID; echo '<ol class="carousel-indicators">'; while ($my_query -> have_posts()) : $my_query -> the_post(); echo '<li data-target=\"#myCarousel\"data-slide-to="'; echo $x; $x++; echo '"';if( $x=0 ){ echo'class=\"active\" '; }echo'></li>'; endwhile ; echo' </ol>'; ?> <!-- Carousel items --> <div class="carousel-inner"> <?php $x=0; while ($my_query -> have_posts()) : $my_query -> the_post(); ?> <div <?php if($x=0){echo 'class="active item"';}else{echo'class="item"';} ?> ><img src="" alt=""><?php the_post_thumbnail( array(1161,400) )?> <div class="carousel-caption"> <h3><?php the_title(); ?></h3> <p><?php the_excerpt(); ?></p> </div> </div> <?php endwhile; ?> </div> <!-- Carousel nav --> <a class="carousel-control1 right" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control1 left" href="#myCarousel" data-slide="next">›</a> <?php wp_reset_query(); ?> </div>منتها چنتا مشکل داره:1- تصویر شاخص بریده نمیشه! در صورتی که سایز کوچکتر بزنم بریده میشه (منظورم crop هست)2- بلافاصله بعد از لود صفحه اسلایدر نمایش داده نمیشه بعد از 10 11 ثانیه نمایش داده میشه3- bullet ها به اندازه پست ها و تصاویر شاخص نمایش داده نمیشن یعنی دو تا اسلایدر هست و 1 bulletکسی میدونه اشکال من کجاس نقل قول لینک به ارسال
perkas 0 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 برای مشکل تصویر میتونی این کار رو بکنی :1- با کد زیر چند نوع تصویر بند انگشتی تعریف میکنی ( تو فایل فانکشن )add_theme_support('post-thumbnails');if (function_exists('add_image_size')){ add_image_size('firest-thumb',150.150,true); add_image_size('secound-thumb',400.300,true); add_image_size('third-thumb',125.125,true);}2- حالا تصویر رو به این صورت استفاده کن<?php the_post_thumbnail('first-thumb'); ?>اینجا من سایز first-thumb رو 150*150 انتخاب کردمشما میتونی هر سایزی دوست داشتی بذاریتو کد مرحله 2 اگه به جای first-thumb گزینه secound-thumb رو میذاشتم سایز تصویر میشد 400*300 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .