۱۰ مورد از بهترین اسلایدرهای کاروسل jQuery و JavaScript ،CSS (2019)

در این مقاله به معرفی بهترین اسلایدر های چرخ و فلکی jQuery ،JavaScript و CSS می پردازیم.

نویسنده سید علی اندرزگو

۱۰ مورد از بهترین اسلایدرهای کاروسل jQuery و JavaScript ،CSS (2019)

در این مقاله به معرفی بهترین اسلایدر های چرخ و فلکی jQuery ،JavaScript و CSS می پردازیم.

Carousel چیست؟

Carousel یکی از محبوب ترین بخش های UI در طراحی وب سایت های مدرن است. چرخ فلک به شما این امکان را می دهد که تصاویر، محصولات، پست های وبلاگ یا سایر مطالب مورد علاقه خود را در یک رابط چرخشی بی نهایت ارائه کنید.


چه تفاوتب بین اسلایدر بین چرخ فلکی با لغزان است؟

به طور کلی Carousel اجازه می دهد تا بازدید کننده از طریق آیتم های چرخ فلک با کلیک کردن یا ضربه زدن به کنترل های ناوبری و یا کشیدن صفحه نمایش (تلفن همراه) تصاویر را مشاهده کند. این به این معنی است که چرخ فلک به اولین مورد هنگامی که شما به آخرین تصویر می رسید بازگشته و به حرکت ادامه دهید. ولی در لغزان هنگامی که شما به آخرین اسلاید دسترسی پیدا می کنید نوار لغزنده معمولا متوقف می شود.

jQuery Carousel Plugins

۱ . Fully Responsive & Flexible jQuery Carousel Plugin – slick

Slick یک متصل شونده جدید برای ایجاد کاروسل اسلایدر قابل تنظیم و ریسپانسیو است که با هر عنصر html کار می‌کند.

۲ . Responsive and Flexible Mobile Touch Slider – Swiper

Swiper یک کتابخانه جاوا اسکریپت قدرتمند است. پوشه ها / لغزنده های ریسپانسیو، در دسترس بودن، انعطاف پذیر بودن، قابلیت لمسی بودن در وب سایت ها و برنامه های تلفن همراه از ویژگی های این کتابخانه قدرتمند است.

۳ . Lightweight Responsive Content Slider Plugin with jQuery and CSS3 – lightslider

lightslider یک پلاگین لغزنده جی کوئری سبک اما کاملا قابل تنظیم است که هر محتوای HTML را پشتیبانی می کند و از انتقال CSS3 و تبدیل برای ایجاد اثرات صاف ‘محو شدن’ یا ‘اسلاید’ استفاده می کند.

۴ . Fully Responsive & Mobile-friendly jQuery Carousel Plugin – Owl Carousel 2

جی کوئری OWL Carousel 2 به شما کمک می کند تا یک چرخ فلک / لغزنده محتوا به راحتی تنظیم کنید، کاملا ریسپانسیو است، با ویژگی های زیادی که دارد می توانید برای موبایل هم وب سایت مدرنی طراحی کنید. برای طراحی وب / موبایل مدرن ایجاد کنید.

Easy & Responsive jQuery Carousel Slider Plugin – FilmRoll

FilmRoll پلاگین کشویی جی کوئری برای ایجاد یک چرخ فلک ریسپانسیو است که توانایی انتخاب آیتم انتخاب شده در صفحه را دارد، به ویژه هنگامی که همه آیتم ها دارای عرض متفاوت باشند.

۵ . Professional jQuery Content Slider Plugin – Slider Pro

Slider Pro یک پلاگین جی کوئری حرفه ای است که به شما اجازه می دهد تا یک گروه از محتوای مخلوط را در یک لغزنده سازگار با قابلیت ریسپانسیو و لمسی نشان دهید.

Vanilla JS Carousel Plugins

۱ . Touch-enabled Carousel Slider with Pure JavaScript – zSlider

zSlider یک کتابخانه جاوااسکریپت است که لیستی از عناصر HTML را در بر می گیرد و سپس آنها را به نوار لغزنده چرخ فلک ریسپانمسیو، لمسی فعال تبدیل می کند.

Pure CSS Carousel Sliders

۱ . Pure Html / CSS Responsive Carousel – Cari

Cari یک راه حل خالص HTML / CSS است تا یک نوار لغزنده چرخ فلک محتوای پاسخگو بدون نیاز به هر جاوا اسکریپت باشد.

۲ . ۳D Perspective Carousel with CSS3 Transforms

یک چرخ فلک چشم انداز جامع CSS 3D که به طور خودکار از طریق یک گروه از محتوای HTML با استفاده از CSS3 تبدیل می شود.

منبع

پاسخی بگذارید

ایمیل شما منتشر نشده و نزد ما محفوظ است.