مشکل با اسلایدر

[A-fshin 1936]

سلام من اسلایدر nivoSlider رو برای یک قالب درنظر گرفتم و برایش حلقه گذاشتم به این صورت که آخرین مطالب رو تنها عکسشونو نشون بده و برای اینکار از ترفند اختصاص اولین تصویر پست به عنوان تصویر شاخص استفاده کردم.حالا من برای این عکس ها استایل دادم و طول و عرض رو براش درنظر گرفتم که عکس ها در اون سایز نشون داده بشن اما اصلا همچین اتفاقی نمی افته و عکسا در سایز اصلی نمایش داده می شن.این css:

#slider {
height: 220px;
width: 515px;
margin:0px auto;
padding:0px auto;
margin-bottom:35px;
border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border:3px solid #E2E2E2;
}
#slider img {
height: 100px;
width: 100px;
margin:0px auto;
padding:0px auto;
}

مشکل چیه؟ قبل از این که اسکریپت های لازم برای اسلایدر لود بشه عکس ها رو در سایزی که خودم تعیین کردم نشون می ده اما بعد لود جی کوئری اسلایدر سایز واقعی عکس رو نشون می ده تو اسکریپتاش باید تغییر بدم؟

[Black_Sky 6349]

برای تصویر شاخص اسلایدر سایز تعیین کنید (داخل حلقه میگم)

[A-fshin 1936]

قبلا انجام دادم اما نشده اسلایدر دیگه به کار بردم بازم نشده

<div id="slider">
<?php
$my_query = new WP_Query('showposts=5');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<img  src="<?php echo catch_that_image() ?>"  alt="<?php the_title(); ?>" width="100px" height="100px" />
<?php endwhile; ?>
</div>

[Black_Sky 6349]

<img  src="<?php echo catch_that_image() ?>"  alt="<?php the_title(); ?>" width="100px" height="100px" />

به

<?php the_post_thumbnail( array(100,100) );?>

تست کنید و یک مطلب دیگه قرار بدید و ببینید تغییر میکنه سایز یا نه

[A-fshin 1936]

اسلایدر از تصویر شاخص استفاده نمی کنه بلکه اولین عکس مطلب به عنوان تصویر شاخص می گیره کد زیر که گفتید به کار نمیاد.

<?php the_post_thumbnail( array(100,100) );?>

من این کد رو در فایل فانکشن استفاده کردم که اولین عکسو به عنوان تصویر شاخص بگیره :

///***** get the first image attached to the current post *****///
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}

بعد این حلقه رو در قالب گذاشتم :

<div id="slider">
<?php
$my_query = new WP_Query('showposts=5');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<img  src="<?php echo catch_that_image() ?>"  alt="<?php the_title(); ?>" width="100px" height="100px" />
<?php endwhile; ?>
</div>

پس نمی شه از کد تصویر شاخص استفاده کرد. اندازه تصویر بعد لود کامل اسکریپتهای اسلایدر full می شه و دیگه 100px رو در نظر نمی گیره

[Morteza 34190]

در هر صورت استایل باید تاثیر داشته باشه

از خواص max-width و max-height هم استفاده کردید؟

[A-fshin 1936]

بله استفاده کردم اما جواب نداد.

مشکل از اسلایدر ها بود 3 تا اسلایدر جواب نداد از اسلایدر دیگه ای استفاده کردم. مشکل حل شد.ممنون