M.Javad

ساخت اسلایدر carousel

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

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

سلام من در قالبم میخوام از اسلایدر های carousel استفاده کنم مثل این

http://owlgraphic.co...mos/images.html

ولی این کد های آماده انقدر فایل و کدهای زیادی دارند که آدم رو خسته میکنه و ست کردن این کد ها با قالب اصلی خیلی دردسر سازه میخواستم اگه میشه همین کد قالب خودم رو به این شکل اسلایدر تبدیل کنم اگه کسی میتونه با کد های ساده این کار رو انجام بده ممنون میشم

اینم کد


<!--special -->
<div class="special row hidden-xs">
<!-- <h4 style="color:white;"><center>مطالب ویژه</center></h4> -->
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-4"><a href=""><img class="img-responsive" src="images/img.jpg" /></a></li>
<li class="col-lg-2 col-md-2 col-sm-4"><a href=""><img class="img-responsive" src="images/img.jpg" /></a></li>
<li class="col-lg-2 col-md-2 col-sm-4"> <a href=""><img class="img-responsive" src="images/img.jpg" /></a></li>
<li class="col-lg-2 col-md-2 col-sm-4"><a href=""><img class="img-responsive" src="images/img.jpg" /></a></li>
<li class="col-lg-2 col-md-2 col-sm-4"><a href=""><img class="img-responsive" src="images/img.jpg" /></a></li>
<li class="col-lg-2 col-md-2 col-sm-4"><a href=""><img class="img-responsive" src="images/img.jpg" /></a></li>
</ul>
</div>

ویرایش شده در توسط M.Javad
0

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


لینک به پست

من خودم از این کد استفاده میکنم که خیلی مبتدی عکساروی یکی یکی رد میکنه بدون هیچ انیمیشنی!!


<script language="javascript">
function navmaghale1(){
$('.special ul li:first').appendTo('.special ul');
}
setInterval(function(){
navmaghale1();
},4000);
</script>

0

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


لینک به پست

نمونه آنلاین ؟ !

jsfiddle.net

0

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


لینک به پست

نمونه آنلاین ؟ !

jsfiddle.net

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

0

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


لینک به پست

توی آپشن های سمت چپ بگردید هست

اون کدی که باهاش مشکل دارید رو بذارید اونجا

تا بررسی کنم

0

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


لینک به پست

توی آپشن های سمت چپ بگردید هست

اون کدی که باهاش مشکل دارید رو بذارید اونجا

تا بررسی کنم

من مشکلی ندارم گفتم که این کد جاواساکریپت که من گذاشتم عمل اسلاید رو انجام میده ولی خیلی خیلی ساده و مبتدی هستش و هیچ انیمیشنی نداره میخواستم ببینم اگه کسی جی کوئری حرقه ایه یه کدی بده که حداقل فلش چپ و راست داشته باشه واسه اسلاید و انیمیشن هم داشته باشه موقع حرکت تصاویر

0

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


لینک به پست

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

من مشکلی ندارم گفتم که این کد جاواساکریپت که من گذاشتم عمل اسلاید رو انجام میده ولی خیلی خیلی ساده و مبتدی هستش و هیچ انیمیشنی نداره میخواستم ببینم اگه کسی جی کوئری حرقه ایه یه کدی بده که حداقل فلش چپ و راست داشته باشه واسه اسلاید و انیمیشن هم داشته باشه موقع حرکت تصاویر

همون اسلایدری که اول استفاده کردید که خیلی خوبه

اینا رو هم ببینید

http://jsfiddle.net/mjaA3/1662/

http://jsfiddle.net/mjaA3/1672/

http://jsfiddle.net/mjaA3/332/

http://talkerscode.com/webtricks/basic-image-slideshow-with-previous-and-next-button-using-jquery.php

ویرایش شده در توسط دانیال
0

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


لینک به پست

خوب همون اسلایدری که اول استفاده کردید خیلی خوبه

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

0

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


لینک به پست

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

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

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

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


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

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

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


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