fadeکردن حالت اجرایی اسلایدر بوت استریپ

این تاپیک 7 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  mohammad karimi ،‏ 11 ماه و 3 هفته پیش .

این تاپیک تاکنون 350 بازدید داشته است .

نویسنده پست
سه شنبه ، 22 دسامبر 2015     8:56 ب.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

سلام خسته نباشید دوستان،من از اسلایدر پیش فرض بوت استریپ استفاده میکنم میخوام حالت عوض شدن بصورت fadeباشه.ممنون میشم تقریبا مانند اسلایدر همین سایت ممنون میشم کمکم کنه.

1  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، 22 دسامبر 2015     11:25 ب.ظ #


حمید رضا مصطفی زاده

Subscriber
125 پست11 تاپیک

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

http://responsiveslides.com/

و طبق مقرراتش فایل هاش رو به کدهاتون اضافه کنید.

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

موفق باشید

1  تشکر
چهار شنبه ، 23 دسامبر 2015     7:39 ق.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

ممنون دوست عزیز اما من اخه از اسلایدر  خوده فریمورک بوت استریپ استفاده کردم میخوام بدونم چه تغییری باید در کد های جاوا اسکریپتش بدم یا چه کدی باید اضافه کنم که این حالت fadeرا به من به وجود بیاره...

0  تشکر
چهار شنبه ، 23 دسامبر 2015     10:43 ق.ظ #


وحید صالحی

Authorplus
VIP
548 پست4 تاپیک

آقای کریمی عزیز در دوره مجازی بوت استرپ تمام این موارد آموزش داده شده ...

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

 

پیوست ها:
You must be logged in to view attached files.
1  تشکر
چهار شنبه ، 23 دسامبر 2015     10:52 ق.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

سلام اقای صالحی متاسفانه هیچکدوم از این کدها جواب ندادند.من از اسلایدراستفاده کردم.

طراحی سایت

برنامه نویسی

اموزش های جدید ونوین




Previous



Next


0  تشکر
چهار شنبه ، 23 دسامبر 2015     10:53 ق.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/photo12.png" alt="اسلایدر1">
<div class="carousel-caption">
<h3>طراحی سایت</h3>
</div>
</div>
<div class="item">
<img src="img/photo13.jpg" alt="اسلایدر2">
<div class="carousel-caption">
<h3>برنامه نویسی</h3>
</div>
</div>
<div class="item">
<img src="img/photo14.jpg" alt="اسلایدر3">
<div class="carousel-caption">
<h3>اموزش های جدید ونوین</h3>
</div>
</div>

</div>

<!-- Controls -->
<a class="left carousel-control" rel="nofollow" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" rel="nofollow" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--end slider-->

0  تشکر
چهار شنبه ، 23 دسامبر 2015     10:59 ق.ظ # پاسخ تائید شده توسط سوال کننده


وحید صالحی

Authorplus
VIP
548 پست4 تاپیک

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

1  تشکر
چهار شنبه ، 23 دسامبر 2015     11:31 ق.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

اقای صالحی من کد ویرایش دومتون استفاده کردم یک right:0 !important;بهش اضافه کردم درست شد.ممنون

2  تشکر
پست 1 تا 8 (از مجموع 8 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .