اسلایدر ها

مارکاپ پایه اسلایدر

کشویی در پشته از حق بیمه استفاده می کند flickity افزونه و کار با یک لیست بدون هماهنگ .slides در داخل یک DIV با کلاس .slider

تعدادی از گزینه های ویژگی داده برای سفارشی کردن رفتار کشویی وجود دارد:

• data-arrows="true || false"- فلش های ناوبری را فعال کنید
• data-paging="true || false" - نقاط ناوبری را فعال کنید
• data-autoplay="true || false" - برنامه ریزی خودکار کشویی را فعال کنید
• data-timing="NUM" - مقدار میلی ثانیه قبل از پیمایش های کشویی

<div class="slider" data-arrows="true">
	<ul class="slides">
		<li>...</li>
		<li>...</li>
		<li>...</li>
	</ul>
</div>
					

عرض اسلاید را تنظیم کنید

با استفاده از grid bootstrap کلاس های ستون در اسلاید عناصر <li>.

<div class="slider" data-arrows="true" data-paging="true">
	<ul class="slides">
		<li class="col-md-6">...</li>
		<li class="col-md-6">...</li>
		<li class="col-md-6">...</li>
	</ul>
</div>
					

افکت اسلایدر

با اضافه کردن کلاسهای زیر به راحتی رفتار کشویی را اصلاح کنید .slider عنصر.

• .slider--ken-burns -افکت 'Ken Burns' را به اسلایدر تصویر خود اضافه کنید