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

[M.Javad 684]

سلام یه اسلایدر css3 پیدا کردم و میخوام برای وردپرس بزارم.مشکلی که داره این اسلایدر کلا 5تا اسلاید بیشتر نداره چون کلا برای 5تا اسلاید استایل دهی شده

یعنی فقط 5تا آی دی first,second,third,fourth,fifth داره

حالا من اولا میخوام بدونم نمیشه کاری کرد که مقدارش داینامیک و پویا باشه و بی نهایت بشه اسلاید گذاشت و دوما همین 5تا رو چطوری تغییر بدم؟

این کد اصلیشه

<div class="container">
<div id="content-slider">
	 <div id="slider">
		 <div id="mask">
		 <ul>
		 <li id="first" class="firstanimation">
		 <a href="#">
		 <img src="images/img_1.jpg" alt="Cougar"/>
		 </a>
		 <div class="tooltip">
		 <h1>Cougar</h1>
		 </div>
		 </li>
		 <li id="second" class="secondanimation">
		 <a href="#">
		 <img src="images/img_2.jpg" alt="Lions"/>
		 </a>
		 <div class="tooltip">
		 <h1>Lions</h1>
		 </div>
		 </li>

		 <li id="third" class="thirdanimation">
		 <a href="#">
		 <img src="images/img_3.jpg" alt="Snowalker"/>
		 </a>
		 <div class="tooltip">
		 <h1>Snowalker</h1>
		 </div>
		 </li>

		 <li id="fourth" class="fourthanimation">
		 <a href="#">
		 <img src="images/img_4.jpg" alt="Howling"/>
		 </a>
		 <div class="tooltip">
		 <h1>Howling</h1>
		 </div>
		 </li>

		 <li id="fifth" class="fifthanimation">
		 <a href="#">
		 <img src="images/img_5.jpg" alt="Sunbathing"/>
		 </a>
		 <div class="tooltip">
		 <h1>Sunbathing</h1>
		 </div>
		 </li>
		 </ul>
		 </div>
		 <div class="progress-bar"></div>
	 </div>
</div>
</div>

اینم کدیه که من نوشتم برای وردپرس

<!--slider-->
<div class="container">
<div id="content-slider">
	 <div id="slider">
<?php
	 $portfolio = new WP_Query(array(
	 'post_status' =>'publish',
	 'post_type' =>'post',
	 'cat' =>'4469',
	 'posts_per_page' =>'7',
	 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
	 ));
?>
		 <div id="mask">
		 <ul>
<?php if($portfolio->have_posts()) :
<?php $array = array('first','second','third','fourth','fifth'); ?>
$ii=0;
$li_id = $array[$ii];
	 while($portfolio->have_posts()) : $portfolio->the_post();?>
		 <li id="<?php echo $li_id ?>" class="<?php echo $li_id ?>animation">
		 <a href="<?php the_permalink() ?>">
<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>
		 <img src="<?php echo $url; ?>" alt="<?php the_title(); ?>" />
		 </a>
		 <div class="tooltip">
		 <h1><?php the_title(); ?></h1>
		 </div>
		 </li>
<?php $ii ++; ?>
<?php endwhile; ?>
	 <?php endif; ?>
		 </ul>
<?php wp_reset_query(); ?>
		 </div>
		 <div class="progress-bar"></div>
	 </div>
</div>
</div>
<!--end slider-->

درسته؟!

ویرایش شده آبان 93 توسط M.Javad

[-Ali- 57]

سلام

دوست عزیز بنده wow slider رو استفاده کردم کلی تم داره و نرم افزاری روی pc برای ایجاد بینهایت اسلایدر و آپلود در وردپرس داره

خیلی عالیه

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