رفتن به مطلب

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


پست های پیشنهاد شده

سلام من در قالبم میخوام از اسلایدر های 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
لینک به ارسال

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


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

لینک به ارسال

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

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

تا بررسی کنم

لینک به ارسال

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

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

تا بررسی کنم

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

لینک به ارسال

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

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

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

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

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

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...