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

[mk-73 165]

سلام خدمت دوستان گرامی،

من اسلایدری میخوام مانند بخش فراتر از خبر این سایت   حالا  این سایت از افزونه استفاده کرده من اسلایدر میخوام استفاده کنم بعد داینامیکش کنم برای ورد پرس کسی میتونه کمکم کنه اگر هزینه ای هم داشته متقبلم/باتشکر

 

ویرایش شده بهمن 94 توسط mk-73

[rezakianoosh 1795]

سلام

براحتی با افزونه جی کوئری bxslider می تونید پیاده سازی کنید ...

آدرس سایت افزونه : http://bxslider.com/

اگر نیاز به آموزش دارید فیلم اموزشی زیر رو مشاهده کنید ..

 

فیلم آموزشی طراحی اسلایدر جی کوئری با افزونه bxslider

[mk-73 165]

اول اینکه ایا این افزونه حالت متن با کپشن را میشه برای هر اسلاید پیاده کرد. ممنون برای حالا من با اموزش خوبی ک شما در ساییتون گذاشتید شاید بتونم طراحی کنم همچین اسلایدری را ک گفتم ، در زمینه داینامیک کردنش برای ورد پرس ک بتونم مدیرتش کنم باید چیکار کنم؟

[Morteza 34190]

اگه بخواید براش مدیریت بنویسید باید کدنویسی مثل کدنویسی افزونه برای وردپرس انجام بدید

[mk-73 165]

در 5 ساعت قبل، rezakianoosh گفته است :

 

سلام

براحتی با افزونه جی کوئری bxslider می تونید پیاده سازی کنید ...

آدرس سایت افزونه : http://bxslider.com/

اگر نیاز به آموزش دارید فیلم اموزشی زیر رو مشاهده کنید ..

 

فیلم آموزشی طراحی اسلایدر جی کوئری با افزونه

 

اقا رضا من میخوام حالت Captionاین اسلایدر را استفاده کنم ممنون میشم کمکم کنید من از carsouelاین افزونه استفاده کردم/

[mk-73 165]

دوستان من موفق شدم از این اسلایدر استفاده کردم کسی میتونه کمکم کنه من دینامیک کنم این اسلایدر را  برای ورد پرس این کداسلایدر است.

<ul class="bxslider">
  <li><a href="#"><img src="img/cS-3.jpg"  title="Funky roots"/></a></li>
  <li><a href="#"><img src="img/cS-4.jpg" title="Funky roots Funky roots" /></a></li>
  <li><a href="#"><img src="img/cS-10.jpg" title="design web"/></a></li>
  <li><a href="#"><img src="img/cS-11.jpg" title="responsive web" /></a></li>
  <li><a href="#"><img src="img/cS-12.jpg" title="phtoshop cs6" /></a></li>
  <li><a href="#"><img src="img/cS-13.jpg" title="responsive web"/></a></li>
  <li><a href="#"><img src="img/cS-10.jpg" title="responsive web"/></a></li>
  <li><a href="#"><img src="img/cS-11.jpg" title="responsive web"/></a></li>
   <li><a href="#"><img src="img/cS-4.jpg" title="responsive web"/></a></li>
  <li><a href="#"><img src="img/cS-10.jpg" title="responsive web"/></a></li>
  <li><a href="#"><img src="img/cS-11.jpg" title="responsive web"/></a></li>
    <li><a href="#"><img src="img/cS-12.jpg"title="responsive web" /></a></li>
  <li><a href="#"><img src="img/cS-13.jpg" title="responsive web"/></a></li>
  <li><a href="#"><img src="img/cS-10.jpg" title="responsive web"/></a></li>
  <li><a href="#"><img src="img/cS-11.jpg" title="responsive web"/></a></li>

</ul>
<script type="text/javascript">
$(document).ready(function(){
  $('.bxslider').bxSlider({
    slideWidth: 200,
    minSlides: 2,
    maxSlides:7,
    slideMargin: 10,
 auto: true,
 slideWidth: 190,
captions: true
  });
});
</script>

 

ویرایش شده بهمن 94 توسط mk-73

[mk-73 165]

دوستان من اومدم با توجه به کدی ک بالا قرار دادم اسلایدر خود را  داینامیک کردم اما یک مشکل دارم اونم اینه که چگونه میتونم titileخود عکس هم داینامیک کنم توجه کنید به کدی بالا متوجه میشوید تایتل عکس کجا قرار دارد این کد داینامیک اسلایدر من تا اینجا هست ممنون میشم دوستان کمکم کنید/باتشکر

<!--begin media-gallery-img-->
<?php query_posts('showposts=6&offset=0&category_name=news-slider'); if(have_posts()){ ?>
<ul class="bxslider">
	<?php while (have_posts()) : the_post(); ?>
		<li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></li>
	<?php endwhile; ?>	
</ul>
<?php } wp_reset_query(); ?>

<script type="text/javascript">
$(document).ready(function(){
  $('.bxslider').bxSlider({
    slideWidth: 230,
    minSlides: 1,
    maxSlides:6,
    slideMargin: 5,
 auto: true,
captions: true
  });
});
</script>
<!--end  media-gallry-img-->