mk-73

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

7 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

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

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

 

ویرایش شده در توسط mk-73
0

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

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

 

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

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


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

 

سلام

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

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

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

 

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

 

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

<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>

 

ویرایش شده در توسط mk-73
0

به اشتراک گذاری این پست


لینک به پست

دوستان من اومدم با توجه به کدی ک بالا قرار دادم اسلایدر خود را  داینامیک کردم اما یک مشکل دارم اونم اینه که چگونه میتونم 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-->

 

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری