زمان هنوز با او و پیشرفت ایستاده است. این بر مبنای اینترنت تاثیر گذاشت. در حال حاضر شما می توانید ببینید که چگونه تغییر دهید ظاهر سایت ها، طراحی سازگار به خصوص محبوب است. و در این ارتباط، کمی جدید نبود لغزنده های جی کوئری سازگار، گالری ها، چرخ فلک ها یا پلاگین های مشابه.
1. لغزنده پست افقی پاسخگو
چرخ فلک افقی تطبیقی \u200b\u200bبا دستورالعمل های نصب دقیق. این در یک سبک ساده انجام می شود، اما شما می توانید آن را تحت خود قرار دهید.
2. لغزنده در glide.js
این لغزنده برای هر سایت مناسب است. از Glide.js با منبع باز استفاده می کند. رنگ لغزنده را می توان به راحتی تغییر داد.
3. نمایش اسلاید محتوا کج شده
لغزنده تطبیقی \u200b\u200bبا محتوا. برجسته این لغزنده یک اثر تصویر 3D است، و همچنین انیمیشن های مختلف ظاهر به صورت تصادفی.
4. لغزنده با استفاده از HTML5 Canvas
لغزنده بسیار زیبا و چشمگیر با ذرات تعاملی. این کار با استفاده از Canvas HTML5 انجام می شود
5. لغزنده "تصاویر مورفین"
نوار لغزنده با اثر مورفین (تبدیل صاف از یک جسم به دیگری). در این مثال، لغزنده به خوبی برای نمونه کارها توسعه دهنده وب یا یک استودیوی وب در قالب نمونه کارها مناسب است.
6. لغزنده دایره ای
لغزنده در قالب یک دایره با اثر کودتا تصویر.
7. لغزنده با پس زمینه تار شده
لغزنده تطبیقی \u200b\u200bبا سوئیچینگ و تار شدن پس زمینه عقب.
8. کشویی مد تطبیقی
یک نوار لغزنده ساده، سبک و سازگار برای سایت.
9. Slicebox - لغزنده تصویر جی کوئری 3D (به روز شده)
به روز شده نسخه لغزنده Slicebox با رفع و ویژگی های جدید.
10.Free Animated Responsive Grid
پلاگین جی کوئری برای ایجاد یک شبکه تصویر انعطاف پذیر که تصاویر را با استفاده از انیمیشن ها و زمان های مختلف تغییر می دهد. این می تواند به عنوان یک عنصر پس زمینه یا تزئینی در سایت خوب نگاه کند، زیرا ما می توانیم ظاهر انتخابی تصاویر جدید و انتقال آنها را سفارشی کنیم. پلاگین در چند نسخه ساخته شده است.
11. Flexslider
پلاگین رایگان جهانی برای سایت شما. این افزونه در چندین نوع از نوار لغزنده و چرخ فلک ساخته شده است.
12. Photorama
fotorama- این یک پلاگین جهانی است. او تنظیمات زیادی دارد، همه چیز به سرعت و به آسانی کار می کند، ممکن است اسلایدها را به کل صفحه نمایش مشاهده کنید. لغزنده را می توان هر دو در اندازه ثابت و سازگار، با ریز عکسها و بدون، با پیمایش دایره ای و بدون هر چیز دیگری استفاده می شود.
P.S.چند بار کشویی را قرار دهید و بر این باور باشید که او یکی از بهترین هاست
13. گالری گالری رایگان و سازگار با مینیاتوری.
گالری آزمایشی-لغزنده 3DPanellayout با اثرات انیمیشن شبکه و جالب.
14. لغزنده در CSS3
لغزنده سازگار با استفاده از CSS3 با ظاهر صاف از محتوا و انیمیشن نور ساخته شده است.
15. لغزان WOW.
لغزنده وای- این یک نوار لغزنده از تصاویر با جلوه های بصری خیره کننده است.
17. الاستیک
لغزنده الاستیک با انعطاف پذیری کامل و مینیاتوری اسلاید.
18. SLIT.
این یک لغزنده تطبیقی \u200b\u200bتمام صفحه با استفاده از انیمیشن CSS3 است. لغزنده در دو نسخه انجام می شود. انیمیشن کاملا غیر معمول و زیبا ساخته شده است.
19. گالری عکس سازگار به همراه
گالری لغزنده رایگان ساده با تصاویر نمودار.
20. کشویی سازگار برای وردپرس
لغزنده رایگان تطبیقی \u200b\u200bبرای WP.
21. لغزنده محتوای اختلاف منظر
نوار لغزنده با اثر اختلاف منظر و کنترل هر عنصر با استفاده از CSS3.
22. لغزنده با اتصال موسیقی
لغزنده با استفاده از کد منبع باز JPlayer. این کشویی شبیه به ارائه موسیقی است.
23. لغزنده با jmpress.js
لغزنده سازگار بر اساس jmpress.js است و بنابراین به شما اجازه می دهد از برخی از جلوه های 3D جالب به اسلاید استفاده کنید.
24. سریع اسلاید اسلاید
نمایش اسلاید با اسلاید سوئیچینگ سریع. Slides Slides هنگام شناور کردن مکان نما.
25. آکوردئون تصویر با CSS3
آکاردئون تصاویر با CSS3.
26. پلاگین گالری بهینه سازی لمسی
این یک گالری تطبیقی \u200b\u200bاست که برای دستگاه های لمسی بهینه شده است.
27. گالری 3D
گالری دیوار 3D.- ایجاد شده برای مرورگر Safari، که در آن اثر 3D قابل مشاهده است. اگر به یک مرورگر دیگر نگاه کنید، عملکرد خوب خواهد بود، اما برای اثر 3D قابل مشاهده نخواهد بود.
28. لغزنده با صفحه بندی
نوار لغزنده شماره صفحه سازگار با استفاده از لغزنده jQuery UI. ایده این است که از یک مفهوم ناوبری ساده استفاده کنید. ممکن است تمام تصاویر یا سوئیچینگ پستی را باز کنید.
29.Mage مونتاژ با جی کوئری
موقعیت مکانی تصویر اتوماتیک بسته به عرض صفحه نمایش. هنگام توسعه یک سایت نمونه کارها بسیار مفید است.
30. گالری 3D.
یک نوار لغزنده دایره ای ساده 3D در CSS3 و jQuery.
31. حالت تمام صفحه با اثر 3D بر روی CSS3 و jQuery
لغزنده با توانایی مشاهده تصویر تمام صفحه نمایش با یک انتقال زیبا.
گالری های تصویری و لغزنده ها یکی از محبوب ترین فرمت های جی کوئری هستند. با تشکر از آنها، شما می توانید حجم مورد نیاز محتوای بصری را به سایت اضافه کنید، در حالی که صرفه جویی در یک مکان ارزشمند است.
گالری ها و لغزنده ها یک صفحه کمتر بارگذاری می شوند، اما هنوز هم به شما اجازه می دهد تمام تصاویر لازم برای ارسال پیام ها را اضافه کنید. آنها به ویژه برای فروشگاه های آنلاین مفید خواهند بود.
در مقاله امروز ما برای شما جمع آوری کردیم گالری های برتر تصاویر و لغزنده های جی کوئری.
برای نصب آنها، آن را به اندازه کافی برای اضافه کردن پلاگین های انتخاب شده در بخش سر صفحات HTML همراه با کتابخانه جی کوئری و پیکربندی آنها را با توجه به مستندات (کل جفت خطوط کد).
انتخاب کنید که کدام یک از این موارد به طور کامل در پروژه شما مناسب است.
1. Bootstrap Slider
Bootstrap Slider یک نوار لغزنده دستگاه موبایل رایگان، بهینه شده با پیمایش با پیمایش و مسواک زدن است. این به نظر می رسد بر روی هر صفحه نمایش و در هر مرورگر. شما می توانید تصاویر، ویدئو، متن، ریز عکسها و دکمه ها را به لغزنده ها دانلود کنید.
2. نوار لغزنده پیش نمایش محصول
نوار لغزنده پیش نمایش محصول، کل پتانسیل جی کوئری را به تصویر می کشد، کاملا در هر رابط کاربری جاسازی شده است. شما همچنین کیفیت و خلوص کد این افزونه را مطرح می کنید.
3. گالری عکس قابل ارتقا
گالری عکس قابل ارتقا یک پلاگین خیره کننده است که ماوس با یک کلیک به یک گالری تمام صفحه تبدیل می شود. این را می توان برای بخش "درباره ما" یا برای مشاهده اطلاعات مربوط به کالاها استفاده کرد.
4. fotorama.
Fotorama پلاگین جی کوئری پاسخگو است که برای هر دو مرورگرهای دسکتاپ و تلفن همراه کار می کند. این گزینه های ناوبری را ارائه می دهد: مینیاتور، پیمایش، دکمه های "به جلو" و "پشت"، نمایش اسلایدها به صورت خودکار و نشانگرها.
5. کشویی غوطه ور
Slider Immersive اجازه می دهد تا شما را به ایجاد یک نمایش منحصر به فرد مشاهده اسلاید، شبیه به نوار لغزنده Google TV. شما می توانید تصویر پس زمینه را تغییر دهید که برای ذخیره تمرکز بر روی عکس های اصلی تار می شود.
6. حداقل
حداقل js یک پلاگین جی کوئری پاسخگو است که به شما کمک خواهد کرد که یک گالری خیره کننده ایجاد کنید. هنگامی که مکان نما را به تصویر متصل می کنید، متن ظاهر می شود، زمانی که پنجره را فشار می دهید، کل صفحه را روشن می کند.
7. پانل های کشویی قالب
این افزونه ایده آل برای نمونه کارها است. این بلوک تصاویر را به صورت افقی (عمودی بر روی صفحه نمایش های کوچک) ایجاد می کند که محتوای انتخاب شده مرتبط خواهد شد.
8. Portfolio Portfolio Squee0Box
Template نمونه کارها Squee0Box اثرات حرکت را برای نمونه کارها ارائه می دهد. هنگامی که مکان نما را به تصویر اصلی (یا بلوک) متصل می کنید، عناصر گره خورده ظاهر می شوند.
9. تصاویر را مختل کنید.
تصاویر Shuffle یک پلاگین پاسخگو خیره کننده است که به شما این امکان را می دهد که یک گالری را با تصاویر مختلف با تصاویر ایجاد کنید.
10. پلاگین سبد جی کوئری رایگان
رایگان. سبد جی کوئری پلاگین به شما کمک می کند تا یک یا چند تصویر را در یک صفحه نشان دهید. همچنین، آنها می توانند بزرگ شوند و به اندازه اولیه بازگردند.
11. PGWSLIDER - لغزنده پاسخگو برای jQuery
PGWSlider یک لغزنده تصویر مینیمالیستی است. کد جی کوئری کمی وزن دارد، بنابراین سرعت دانلود این افزونه به شما خوشحالی می کند.
12. گالری Polaroids پراکنده
گالری Polaroids پراکنده - یک نوار لغزنده خیره کننده، ساخته شده در طراحی تخت. عناصر آن در هنگام تغییر تصاویر، به نظر می رسد شگفت انگیز است.
13. فیلتر محتوای پرطرفدار
فیلتر محتوای Bouncy راه حل کامل برای و نمونه کارها است. این افزونه به کاربران اجازه می دهد تا به سرعت از یک دسته به دیگری حرکت کنند.
14. لغزنده ساده جی کوئری
Slider جی کوئری ساده نام خود را توجیه می کند. این پلاگین ترکیب شده است عناصر جاوا اسکریپت، HTML5 و CSS3. نسخه ی نمایشی پیش فرض فقط برای بارگذاری متن در دسترس است، اما اگر چندین تغییر را اضافه کنید، می توانید محتوای بصری را اضافه کنید.
15. Glide JS.
Glide JS یک لغزنده جی کوئری ساده، سریع و پاسخگو است. راه اندازی آسان است، علاوه بر این پلاگین فضای زیادی را نمی گیرد.
16. کشش لغزنده تمام صفحه با اختلاف منظر
این لغزنده جی کوئری خیره کننده با امکان بارگیری تصاویر و متن مناسب برای هر سایت است. این کاربران را با یک اثر اختلاف منظر نور و ظاهر آهسته متن لذت می برد.
از نویسنده: علیرغم شایعات در مورد "مرگ" صفحات وب قابل مشاهده بدون پیمایش، نیاز به یک نوار لغزنده خوب در هر نقطه ناپدید نشد. بیایید صادق باشیم، حداقل برای یک ثانیه لغزنده سرگرم کننده است. علاوه بر این، هیچ چیز دیگری در مقایسه با محتوای متحرک اثر اثر "WAU" را ایجاد نمی کند. همه لغزنده ها مجموعه ای از اسلایدهای چندگانه هستند که یکدیگر را تغییر می دهند و ضروری است که کد لغزنده به همان اندازه ساده تر باشد. این در چنین مواردی است که جی کوئری به ما کمک خواهد کرد.
نگاهی به 20 لغزنده جی کوئری از وب سایت Envato Market، و شما خواهید فهمید که لغزنده هایی وجود دارد که بیش از یک بلوک با تصاویر هموار جایگزین می شوند.
1. royalslider - گالری عکس صفحه نمایش لچانه در جی کوئری
در حال حاضر لغزنده سازگار نیز برای لمس صفحه نمایش دوستانه است، به معنی خیلی بیشتر از قبل است. Royalslider هر دو توابع را ترکیبی می کند: سازگاری و کار با صفحه نمایش لمسی. یک انتخاب خوباز آنجا که گالری بر روی HTML5 و CSS3 نوشته شده است.
مقداری توابع جالب:
چگونه برای ایجاد یک سایت خودتان؟
سفارشی سازی بالا
بیش از 10 قالب اولیه
folback برای انتقال CSS3 وجود دارد
به نظر من، جالب ترین تابع "معماری اسکریپت مدولار" است، که به شما اجازه می دهد چیزهای غیر ضروری را از فایل اصلی JS جدا کنید، در نتیجه کاهش وزن. Royalslider، گالری عکس صفحه نمایش لمسی در جی کوئری - کشویی جاوا اسکریپت قابل اعتماد، که باید مجموعه ای از ابزارهای هر توسعه دهنده را دوباره پر کند.
2. پلاگین جی کوئری انطباقی انقلاب لغزان
نه خیلی آسان به انجام کاری "انقلابی" با لغزنده. هنگامی که به اسلایدها می آید، می توانید بسیاری از توابع را در آنها اضافه کنید. با این حال، انقلاب لغزان واقعا تلاش خوبی است. در میان لغزنده های جی کوئری، این مثال، تمام نیازهای احتمالی شما را برآورده می کند.
لیستی از ویژگی های لغزنده بسیار بزرگ است، بنابراین من فقط Mostst را لیست می کنم:
اثر Pararallax و انیمیشن سفارشی
تعداد نامحدود لایه ها و اسلایدها با منابع
آماده برای استفاده، سبک های سفارشی عمیق
و خیلی بیشتر
توانایی اضافه کردن یک پخش کننده ویدئویی جاسازی شده و پیوندهایی از شبکه های اجتماعی، انقلاب لغزان را یکی از گزینه های انعطاف پذیر ترین و قابل تنظیم در شبکه می کند.
3. لایه بندی لغزنده پلاگین jQuery jQuery تطبیقی
توسط نام "Layerslider Adaptive JQuery Plugin Plugin Plugin" نمی تواند این لغزنده را ارزیابی کند.
200+ انتقال 2D و 3D بین اسلایدها هر کسی را حمل می کند.
زن و شوهر از توابع قابل توجه:
13 پوسته و 3 نوع منو
توانایی قرار دادن یک تصویر ثابت بر روی یک نوار لغزنده
و jQuery fallbek
و خیلی بیشتر
همانطور که با نوار لغزنده قبلی، شما می توانید تقریبا هر محتوای، حتی محتوای چند رسانه ای Resident HTML5 را اضافه کنید. LayerSlider لغزنده لغزنده، علاوه بر این، بسیار زیبا است.
4. Rotator بنر جی کوئری / نمایش اسلاید
jQuery Banner Rotator / SlideShow یک نوار لغزنده بسیار ساده است که قابلیت اصلی را قربانی نمی کند.
توانایی ها:
Tultty، درج متن، و غیره
پیش نمایش ها و گزینه های مختلف برای مشاهده اجزای
تایمر با تاخیر یک لغزنده یا همه
انتقال چندگانه از تمام اسلایدها یا انتقال های مختلف به طور جداگانه
jQuery Banner Rotator / SlideHow در مقایسه با دیگر لغزنده های جی کوئری تنها فرصت های اساسیاما او را فراموش نکن.
5. همه در یک لغزنده - پلاگین لغزنده جی کوئری سازگار
هر کشویی که در شبکه ظاهر می شود، دیدگاه منحصر به فرد خود را دارد و هر گونه مشکلی را در زمینه آن حل می کند. اما نه این. همه در یک نوار لغزنده می تواند "همه چیز را شامل شود" نامیده می شود.
من فکر می کنم اکثر توسعه دهندگان وب و طراحان یک راه حل اثبات شده دارند، اما آنها همیشه به دنبال چیزی جدید هستند. و این "چیزی جدید" شامل موارد زیر است:
آگهی های روتاتور
بنر با پیش نمایش
بنر با لیست پخش
لغزنده محتوا
چرخ فلک
تمام انواع لغزنده ها از بسیاری از قابلیت ها پشتیبانی می کنند، اگر نه همه چیز که توسط لغزنده های جی کوئری مورد نیاز نیست. آیا همه در یک نوار لغزنده تبدیل به "همه شامل"؟
6. Unoslider - نوار لغزنده صفحه لمسی سازگار
اگر لغزنده شما سازگار نیست و از صفحه نمایش لمسی پشتیبانی نمی کند، پس شما یک نوار لغزنده نادرست دارید. Unoslider درست است.
این لغزنده جای خود را تحت خورشید بین سادگی و مجموعه غنی از توابع قرار داده است. کارکرد:
موضوع پشتیبانی
12 موضوعات آماده شده
40 انتقال
پشتیبانی از IE6 + پشتیبانی
همه توابع با تعصب در طراحی و سبک، که باعث می شود Unoslider یک نوار لغزنده محتوای عالی با امکان اضافه کردن موضوعات.
7. Master Slider - لغزنده صفحه لمسی لمسی
به دنبال یک "یک لغزنده جی کوئری برای حکومت کردن همه"؟ سعی کنید Slider Master - Slider جی کوئری صفحه نمایش لمسی برای اندازه های مختلف صفحه نمایش ...
وقتی به آن می آید طراحی خوب، این مثال یکی از بهترین هاست:
بیش از 25 قالب
انتقال شتاب سخت افزاری
پشتیبانی از لمسی و Svaypov
و خیلی بیشتر
انتقال تعاملی، لایه های متحرک و نقاط نقاط قطعا توجه شما را جلب می کنند. Master Slider - آثار هنری.
8. TouchCarousel - Scroller محتوا جی کوئری و لغزنده
TouchCarousel پشتیبانی رایگان و به روز رسانی را جذب می کند. با این حال، این همه توابع این چرخ فلک لغزنده سبک وزن سبک وزن نیست.
اگر کلمه "touch" در عنوان وجود داشته باشد، می توانید حدس بزنید که لغزنده به طور کامل سازگار است و از لمس پشتیبانی می کند. ویژگی های دیگر:
بهینه سازی SEO
Smart Avto بازی
انتقال شتاب سخت افزاری CSS3
UI قابل برنامه ریزی و 4 پوسته برای فتوشاپ
TouchCarousel به دلیل اسلایدهای اسکرول فیزیکی منحصر به فرد آن این یک سطح کاملا جدید از احساسات در دستگاه های تلفن همراه است.
9. لغزان پیشرفته - لغزنده جی کوئری XML
لغزنده جی کوئری را می توان نه تنها در سایت ها استفاده کرد. آنها همچنین می توانند در برنامه های کاربردی وب مفید باشند. لغزنده پیشرفته به شما امکان می دهد این کار را انجام دهید.
با نشانه گذاری HTML یا XML، این لغزنده پیشرفته دارای یک تصور غیر قابل انعطاف است:
لایه های متحرک و ویدیو هوشمند
100+ انتقال و 150+ خواص سفارشی
15 پوسته برای نوار لغزنده، 7 پوسته برای اسکرول و سبد پشتیبانی ساخته شده است
ناوبری با صفحه کلید، پشتیبانی از لمس و سفارشی سازی کامل
و خیلی بیشتر
با این حال، بیشتر بهترین ویژگی این کشویی پیشرفته یک API لغزنده جی کوئری است که گزینه های عالی کشویی را برای برنامه وب شما فراهم می کند.
10. لغزنده جی کوئری زوم در / اثر به طور کامل پاسخگو است
یکی از این لغزنده های جی کوئری که قبل از شروع به خواندن در مورد قابلیت های خود، یک نسخه ی نمایشی را می بینید. شما فقط می خواهید بدانید که این "Zoom In / Out Effect" به معنای آن است.
اثر زوم بسیار ضعیف است، اما این یک حس کنترل و لمس فعلی تصویر را در حالی که کشویی استاتیک باقی مانده است، اضافه می کند. ویژگی های ویژه نوار لغزنده:
انتقال CSS3 بین لایه ها
پارامتر انتهایی انیمیشن برای لایه ها
گزینه های عرض ثابت، صفحه نمایش کامل و تمام عرض
متن متحرک با قالب بندی HTML و CSS
اکثر لغزنده ها در حال تلاش برای تصور کردن اثرات به همان اندازه ممکن است، و در زوم لغزنده جی کوئری زوم در اثر / خارج به طور کامل پاسخگو تنها اثر کین سوختگی، اما به خوبی اجرا شده است.
11. تکامل چرخ فلک جی کوئری
همانطور که با نوار لغزنده پیشرفته بالا - لغزنده جی کوئری XML، تکامل چرخ فلک جی کوئری دارای API خود است، که می تواند مورد استفاده قرار گیرد برای افزایش عملکرد و یا ادغام لغزنده در یک پروژه دیگر.
چگونه برای ایجاد یک سایت خودتان؟
امروز برای ایجاد سایت های خود، تکنولوژی ها و دانش لازم است؟ پیدا کردن در فشرده!
با تصاویر، نشانه گذاری HTML، ویدئو یوتیوب و Vimeo شما نیز دریافت خواهید کرد:
بهینه سازی SEO
9 سبک چرخ فلک
اثرات سایه و انعکاس
اندازه تصویر را می توان به عنوان جلو و عقب پیکربندی کرد
jQuery چرخ فلک تکامل - چرخ فلک ساده با انواع گزینه های استفاده.
12. لغزنده سکسی
لغزنده سکسی مانند قبل از آن سکسی نیست. با این حال، به دلیل سن آن، این لغزنده سزاوار اعتماد به نفس است.
در نگاه اول، نوار لغزنده بسیار چشمگیر نیست، اما اگر آن را به خوبی پیکربندی شده است، او کاملا به طراحی شما مناسب خواهد بود. توانایی ها:
اسلاید خودکار بازیکنان
امضا برای تصاویر
اسلاید بازی مداوم
6 اثر انتقال
لغزنده سکسی در انتظار شماست که تمام قدرت خود را باز کنید و پتانسیل را نشان دهید.
13. تصویر جی کوئری و محتوا اسکرول W / سبد
با تمام این طرح ها برای دستگاه های تلفن همراه و پشتیبانی از صفحه نمایش های حسی، خوب است که یک نوار لغزنده جی کوئری را ببینید که در مورد رایانه های رومیزی فراموش نکنید.
جی کوئری تصویر و محتوا اسکرول W / Lightbox پشتیبانی از ورودی از صفحه کلید و چرخ ماوس، و همچنین ویژگی های دیگر:
جهت گیری افقی و عمودی
امضا های متن در داخل یا خارج از نوار لغزنده
توانایی تنظیم تعداد مشخصی از اسلایدهای قابل اجرا
ساخته شده در تصاویر، فلش، iframe، آژاکس و محتوای درون خطی
همچنین در نوار لغزنده سبد داخلی ساخته شده است. به صورت اختیاری، شما نمیتوانید Slider خود را در تصویر jQuery Image & Content Scroller W / Lightbox به صورت جداگانه اجرا کنید.
14. شفاف - آگهی های روتاتور تطبیقی \u200b\u200b/ لغزنده
بیشتر لغزنده های جی کوئری طراحی خود را دارند. شما می توانید آن را برای خودتان پیکربندی کنید، اما گاهی اوقات فقط همه چیز را در داخل لغزنده می خواهید. شفاف به توجه شما ارائه شده است.
بسیاری از ایستگاه های از پیش تنظیم در نوار لغزنده وجود دارد. شما فقط می توانید تنظیمات خاصی را تنظیم کنید و این کار را انجام دهید. توانایی ها:
6 سبک مختلف
4 اثر انتقال
2 انتقال Swatch
دکمه ها و امضا های قابل برنامه ریزی
مانند دیگران، این نوار لغزنده از لمس، سازگاری و شتاب سخت افزاری پشتیبانی می کند. Translude یک نوار لغزنده با حداقل طراحی است که محتوای خود را بر روی سر گوشه قرار می دهد.
15. FSS - پلاگین وب سایت کشویی تمام صفحه
آیا می خواهید یک صفحه تمام صفحه را تشکیل دهید که شامل اسلایدها می شود؟ سپس شما نیاز به FSS دارید.
در حقیقت، با کمک این جی کوئری لغزنده بسیار آسان است برای ایجاد یک سایت لغزنده تمام صفحه. توانایی ها:
پشتیبانی AJAX
نوارچرخ
پشتیبانی از تکنولوژی عمیق
2 اثر انتقال مختلف
همچنین ارزش پرداخت صفحه کلید و راهنمای صفحه 11 را پرداخت می کند. با این حال، این تصور حاضر باعث کاهش وزن FSS می شود، تنها 5 کیلوبایت.
16. Zozo Accordion - لغزنده صفحه لمسی تطبیقی
یکی دیگر مثال جی کوئری لغزنده، متمرکز بر سبک ها، و کسانی که با کار خود به خوبی مقابله می کنند. آکاردئون Zozo توسط کسانی که به دنبال یک لغزنده خوب برای تغییر سبک ها هستند، مورد نیاز است.
این زیبایی با انیمیشن CSS3 همچنین دارای طیف گسترده ای از توابع است:
آکاردئون افقی و عمودی
HTML5 معنایی و بهینه سازی SEO
پشتیبانی از لمس، صفحه کلید و Wai-Aria
بیش از 10 پوسته و 6 پوسته
و خیلی بیشتر
Accordion Zozo دارای پشتیبانی رایگان و به روز رسانی های مداوم، و همچنین تمام توابع شما می خواهید در آکوردئون جی کوئری ببینید.
17. جی کوئری پاسخگو یک پلاگین لغزنده لغزنده
جی کوئری پاسخگو یک پلاگین لغزنده erbyone onbyone به نظر می رسد بیشتر شبیه یک انیمیشن ساده، نه یک نوار لغزنده. به جای نمایش یک اسلاید در یک زمان، این مرحله گام به گام صفحه نمایش را با اسلایدها پر می کند، در حالی که هیچ جایی در منطقه وجود ندارد و تنها به اسلاید بعدی می رود.
انیمیشن CSS3 از زیر Animate.css کار می کند، سبک وزن است، شامل چند لایه و دوستانه است دستگاه های موبایل. چند توابع:
همچنین یک گزینه ناوبری با استفاده از کشیدن و رها کردن وجود دارد. جی کوئری پاسخگو یک افزونه Slider Slider بر اساس چرخ فلک بوت استرپ توییتر کار می کند.
18. Accordionza - پلاگین جی کوئری
هیچ لغزنده جی کوئری برای این آسان تر نیست. برای کار، شما باید کل نوار لغزنده 3KB را دانلود کنید، که باعث می شود Accordionza سبک ترین نوار لغزنده را سبک وزن.
اگر شما سه سبک را دوست نداشتید، می توانید HTML و CSS خود را اصلاح کنید. توانایی ها:
ناوبری با صفحه کلید
جلوه های آسان و دکمه ها
تکنیک بهبود پیشرفته - بدون جاوا اسکریپت کار می کند
به یاد داشته باشید که Accordionza می تواند گزینه های بسیاری برای محتوای خنده دار را نمایش دهد، که باعث می شود آن را بسیار انعطاف پذیر باشد.
19. Mightyslider - کشویی چند منظوره سازگار
Mightyslider واقعا یک نوار لغزنده قدرتمند است. این را می توان نه تنها به عنوان یک نوار لغزنده ساده از تصاویر، بلکه همچنین به عنوان یک نوار لغزنده یکپارچه تمام صفحه با ناوبری از طریق آیتم های منو استفاده می شود. با آن، شما می توانید یک سایت عالی یک صفحه را ایجاد کنید.
تحت هود شما گزینه های بسیاری پیدا خواهید کرد:
صفحه کلید، ماوس و پشتیبانی لمسی
انتقال شتاب سخت افزاری CSS3
نشانه گذاری معتبر معتبر و بهینه سازی SEO
تعداد اسلاید نامحدود، لایه های امضا و اثرات
API بسیار قدرتمند و دوستانه به توسعه دهندگان، که راه های مختلفی برای استفاده از آن باز می شود. Mightyslider یک لغزنده جی کوئری پیشرفته عالی با یک کد تمیز و به خوبی توضیح داده شده است.
20. لغزنده اختلاف منظر - پلاگین JQuery Adaptive
نوار لغزنده اختلاف منظر مانند پلاگین لغزنده جی کوئری پاسخگو است و به شما اجازه می دهد تا هر لایه را به طور جداگانه در داخل یک اسلاید تحریک کنید. شما می توانید تمام اسلایدها را تحریک کنید و یا حتی تنها با اضافه کردن انیمیشن Pararallax.
که در کامل در حال آمدن است 4 لغزنده انواع مختلف، همه با اثر اختلاف منظر. مانند دیگر لغزنده های جی کوئری، آن را دارد:
سفارشی سازی کامل
پشتیبانی از لمس
به طور کامل Adapiten، تعداد نامحدودی از لایه ها
بازی خودکار، حلقه، تنظیم ارتفاع و عرض، و همچنین تایمر
لایه های متحرک نه تنها متن یا تصاویر نیستند. شما همچنین می توانید ویدئو یوتیوب، Vimeo و HTML5 را اضافه کنید. لغزنده اختلاف منظر یکی دیگر از نمونه های خوب از چگونگی تقلید از اثرات فلش حتی بهتر از فلش خود است، که همچنین در تمام دستگاه ها پشتیبانی می شود.
نتیجه
کنجکاو است که چگونه لغزنده های جی کوئری از چیزی که به سادگی یک تصویر را به دیگران در یک مجموعه عظیمی از ابزارهای خلاق تبدیل می کند، افزایش می یابد. در حال حاضر 3D، لغزنده پارالوکس، لغزنده برای کل صفحه وجود دارد، تطبیقی \u200b\u200bو آنهایی که می توانند هر دو در رایانه های رومیزی و گوشی های هوشمند مشاهده شوند.
اگر شما هیچ لغزنده ای از این لیست را دوست نداشتید، همیشه می توانید از طریق درس آموزش جی کوئری در وب سایت Envato بروید و چیزی کاملا جدید و منحصر به فرد کنید.
خوب، یا نمایش دیگر لغزنده ها را در بازار Envato مشاهده کنید - از آنچه انتخاب می کنید وجود دارد. و نوار لغزنده جی کوئری مورد علاقه شما چیست و چرا؟
تطبیقی، یا اگر شما می خواهید، طراحی وب پاسخگو در حال حاضر نه تنها یک روند طراح دیگر، این در حال حاضر یک استاندارد خاص برای توسعه سایت ها، ارائه جهانی بودن وب سایت ها، ادراک بصری هماهنگ در صفحه نمایش دستگاه های مختلف کاربر است. اخیرا، هنگام توسعه قالب تطبیقیمن مجبور شدم با مشکلات مختلفی در ادغام لغزنده های خاص و گالری های تصویری، بدون شکستن سبک طراحی کلی مقابله کنم. در حال حاضر همه چیز بسیار ساده تر است، تعداد زیادی از راه حل های آماده شده در شبکه وجود دارد و آنچه که به خصوص خوشحال است، اکثر آنها در دسترسی آزاد هستند، با منبع باز.
با توجه به تنوع ابزارهای پیشنهادی، من یک بررسی کوچک از پیشرفت های قابل توجهی از لغزنده های جی کوئری تطبیقی \u200b\u200bاز تصاویری را که در آخرین بار ظاهر شدم و بدون هیچ گونه محدودیتی توزیع کردم، جمع آوری کردم. کاملا رایگان
لغزنده وای
لغزنده جی کوئری تطبیقی \u200b\u200bتصاویر با مجموعه ای با شکوه جلوههای بصری (چرخش، خروج، تاری، مارپیچ، پرده، و غیره ...) و بسیاری از الگوهای آماده ساخته شده است. با کمک جادوگر درج ساخته شده در وزن، شما می توانید به راحتی و به راحتی اسلاید های خیره کننده را در عرض چند دقیقه ایجاد کنید. وب سایت توسعه دهنده دارای تمام مستندات لازم در تنظیم و استفاده از پلاگین در روسیه، نمونه های عالی زندگی از عملیات پلاگین است. همچنین برای دانلود یک پلاگین وردپرس جداگانه و یک ماژول جوملا موجود است. من مطمئن هستم که بسیاری از این لغزان فوق العاده، هر دو مبتدی و یک وبسایت راهنمایی را دوست دارند.
hislider
HTML5، لغزنده جی کوئری و گالری عکس، پلاگین کاملا رایگان برای استفاده شخصی در سایت های در حال اجرا سیستم های محبوب - وردپرس، جوملا، دروپال. با استفاده از این ابزار ساده، اما نه کاربردی، شما به راحتی می توانید بر روی صفحات سایت های ما، نمایش اسلاید های شگفت انگیز و روشن، سخنرانی های دیدنی و اطلاعیه های پیام های جدید ایجاد کنید. چند الگوهای آماده و پوسته برای یک نوار لغزنده، اثرات انتقال خیره کننده (تغییر)، خروجی محتوای چند رسانه ای مختلف :، ویدئو با یوتیوب و Vimeo، تنظیمات سفارشی انعطاف پذیر، و غیره ...
لغزنده Nivo.
Nivo Slider یک نوع قدیمی است، به خوبی شناخته شده به هر کس که در موضوع، یکی از زیبا ترین و آسان برای استفاده از لغزنده تصاویر است. پلاگین Slider جی کوئری Nivo رایگان برای دانلود و استفاده بیشتر، توزیع شده تحت مجوز MIT است. همچنین یک پلاگین جداگانه برای وردپرس وجود دارد، اما متاسفانه قبلا پرداخت کرده و رها شده است تا 29 دلار برای هر مجوز داشته باشد. بهتر است کمی با فایل های WP Theme انجام دهید و نسخه جی کوئری رایگان پلاگین Nivo Slider را به وبلاگ خود وصل کنید، مزایای اطلاعات نحوه انجام آن در شبکه به اندازه کافی.
همانطور که برای عملکرد، همه چیز در نظم کامل است. کتابخانه جی کوئری V1.7 + برای کار، جلوه های انتقال زیبا، تنظیمات ساده و بسیار انعطاف پذیر، طرح بندی سازگار، پیرایش تصویر اتوماتیک و خیلی بیشتر استفاده می شود.
ایده لغزنده از توسعه دهندگان الهام گرفته شده است، به خوبی به سبک کل محصولات اپل شناخته شده است، که در آن چند مورد کوچک (تصاویر) در حال تغییر است تا بر روی دسته انتخاب شده با یک اثر ساده از انیمیشن کلیک کنید. Codrops در اختیار شما قرار می گیرد یک درس دقیق برای ایجاد این لغزنده، هماهنگی کامل نشانه گذاری HTML، مجموعه ای از قوانین CSS و پلاگین جی کوئری اجرایی، و همچنین یک مثال زنده فوق العاده از استفاده از لغزنده.
لغزنده شکاف
لغزنده تصویر تمام صفحه بر روی جی کوئری و CSS3 + کتاب های تفصیلی در ادغام پلاگین در صفحه سایت. ایده این است که اسلاید فعلی باز را با یک محتوای خاص در هنگام تغییر به محتوای بعدی یا قبلی بریزید. با انیمیشن جی کوئری و CSS، شما می توانید انتقال منحصر به فرد بین اسلایدها ایجاد کنید. طرح بندی سازگار از لغزنده تضمین می کند که آن را به همان اندازه خوب است که به صفحه نمایش انواع مختلف دستگاه های کاربر نگاه کنید.
لغزنده محتوای الاستیک.
لغزنده محتوا که به طور خودکار در عرض و ارتفاع بسته به اندازه کانتینر اصلی که در آن قرار دارد تنظیم می شود. طراحی بسیار ساده و لغزنده انعطاف پذیر در تنظیمات جی کوئری، با ناوبری در پایین، هنگام تغییر اندازه صفحه نمایش تا کاهش، ناوبری به عنوان آیکون نمایش داده می شود. مستندات بسیار دقیق (درس ایجاد شده) و نمونه های زندگی استفاده می شود.
کشویی پشته 3D.
نسخه آزمایشی یک نوار لغزنده که تصاویر را با انتقال از یک هواپیما 3D نشان می دهد. تصاویر به دو پشته افقی تقسیم می شوند، با استفاده از فلش ناوبری نشان داده شده و انتقال هر تصویر بعدی به حالت مشاهده می شود. به طور کلی، هیچ چیز خاصی نیست، اما ایده و تکنیک اجرایی بسیار جالب است.
لغزنده جی کوئری از تصاویر بسیار ساده، 100٪ تطبیقی \u200b\u200bو تمام صفحه. کار لغزنده بر اساس انتقال CSS (انتقال اموال) در یک بسته نرم افزاری با جادو جی کوئری است. مقدار حداکثر عرض 100٪ به طور پیش فرض نصب شده است، به این ترتیب اندازه تصاویر بسته به اندازه صفحه نمایش تغییر خواهد کرد. هیچ چیز عوارض خاص انیمیشن و لذت در طراحی، همه چیز ساده است، و به کار بدون وقفه تیز.
اسلایدهای حداقل
نام خود را برای خود صحبت می کند شاید یکی از سبک وزن ترین و مینیمالیستی جی کوئری از تصاویر که من دیدم (پلاگین در 1KB). پاسخ ها lides.js -Kornet پلاگین جی کوئری، که یک نمایش اسلاید را با استفاده از عناصر داخل ظرف ایجاد می کند. با طیف گسترده ای از مرورگرها، از جمله تمام نسخه های IE - ترمز پیشرفت معروف، از IE6 و بالاتر کار می کند. این مقاله از انتقال CSS3 در یک بسته نرم افزاری با جاوا اسکریپت برای قابلیت اطمینان استفاده می کند. علامت گذاری ساده با استفاده از یک لیست غیر ارادی، راه اندازی انتقال و فواصل زمانی، سوئیچینگ خودکار و دستی اسلایدها، و همچنین پشتیبانی از چندین نمایش اسلاید بلافاصله. این چنین "کودک" فریبنده است.
دوربین.
دوربین یک پلاگین جی کوئری رایگان برای سازماندهی یک نمایش اسلاید در صفحات سایت ها، نوار لغزنده نور با بسیاری از اثرات انتقال، با طرح 100٪ انطباقی، و تنظیمات بسیار ساده است. به طرز شگفت انگیزی بر روی صفحه نمایش هر دستگاه کاربر (مانیتور کامپیوتر، قرص، گوشی های هوشمند و تلفن های همراه) مناسب است. توانایی نشان دادن ویدئو داخلی. تغییر اسلاید اتوماتیک و کنترل دستی با استفاده از دکمه ها و بلوک تصاویر. عملا گالری کامل تصاویر در طراحی جمع و جور.
bxslider jQuery.
یکی دیگر، یک نوار لغزنده تطبیقی \u200b\u200bنسبتا ساده در جی کوئری. در اسلایدها، شما می توانید هر گونه محتوا، ویدئو، تصاویر، متن و عناصر دیگر را قرار دهید. پشتیبانی گسترده از صفحه های حسی از انتقال CSS-انیمیشن استفاده کنید. تعداد زیادی از تغییرات مختلف در ارائه نمایش اسلاید و گالری تصاویر جمع و جور. کنترل خودکار و دستی. اسلایدهای سوئیچینگ با استفاده از دکمه ها با انتخاب ریز عکسها. اندازه کوچک فایل منبع بسیار ساده است در تنظیمات و پیاده سازی.
FlexSlider 2.
FlexSlider 2 یک نسخه جدید از لغزنده از همان نام است، با نرخ پاسخ بهبود یافته، یک معدن اسکریپت، و به حداقل رساندن مجدد / بازسازی مجدد. پلاگین شامل یک نوار لغزنده اساسی است، کنترل کنترل اسلایدها را با استفاده از ریز عکسها، فلش های ساخته شده در سمت چپ راست و پایین صفحه ناوبری در قالب دکمه ها کنترل می کند. توانایی خروجی در اسلایدهای ویدئویی (Vimeo)، تنظیمات انعطاف پذیر پارامترها (انتقال، طراحی، فاصله زمانی)، طرح کاملا انطباقی.
گالریا
به خوبی شناخته شده و بسیار محبوب، پلاگین jQuery تطبیقی \u200b\u200bبرای ایجاد گالری های با کیفیت بالا و لغزنده تصاویر. رابط کشویی، به لطف کنترل پنل آن، بصری شبیه به پخش ویدئو معمولی است، ترکیب پلاگین شامل چندین دکوراسیون مختلف است. ویدئو و تصاویر جاسازی شده با خدمات محبوب: فلیکر، Vimeo، یوتیوب و دیگران. مستندات دقیق برای راه اندازی و استفاده.
زغال اخته
ساده بدون لغزنده رایگان لغزنده جی کوئری از تصاویر، به طور خاص برای طراحی وب سازگار نوشته شده است. Blueberry یک پلاگین منبع باز جی کوئری تجربی است. طراحی مینیمالیستی، بدون اثرات، تنها تصاویر صاف پاپ آپ جایگزین یکدیگر پس از یک دوره معینی از زمان. همه چیز بسیار ساده است، قرار داده شده، من متصل و جلو ...
جی کوئری Popeye 2.1.
لغزنده تصویر جی کوئری بسیار فشرده با عناصر سبد. با توجه به اندازه های انعطاف پذیر آن، به سادگی در هر ظرف به صورت یک پست به صورت یک مینیاتوری، زمانی که مکان نما ماوس را شناور یا روی آن کلیک کنید، با یک تصویر بزرگ و عناصر کنترل فعال می شود، بسیار ساده است. مناسب است که چنین کشویی را در پانل های جانبی قرار دهید، برای ارائه محصولات یا اطلاعیه های خبری. راه حل عالی برای سایت ها با مقدار زیادی از اطلاعات.
توالی
لغزنده انطباقی رایگان با انتقال تمدید CSS3. سبک مینیمالیستی، 3 تم دکوراسیون، هر اسلاید فریم در جهت افقی که در مرکز تصویر ظاهر می شود، به سمت چپ می رود، امضای به سمت راست، مینیاتوری ها در گوشه پایین سمت راست تکرار می شوند. شکستن صفحات ارائه محصول برای مشاهده در هر فریم. کنترل همچنین شامل دکمه های جلو و عقب است. پشتیبانی از تمام مرورگرهای مدرن.
کش رفتن
یک نوار لغزنده کاملا تبلیغی از تصاویر و قابلیت ها و تنظیمات وجود دارد، از تنظیمات تغییر در سرعت تغییر اسلاید، اتصال حالت دستی (دکمه های کنترل فعال می شوند)، نمایش اسلاید مداوم وجود دارد. این نوار لغزنده حق دارد و من را تنها با این واقعیت جذب کرد، من هیچ چیز خاصی را در این توسعه پیدا نکردم، ممکن است به دنبال بد باشم))
لغزنده تصویر پاسخگو.
زیبا چنین کشویی سازگار از تصاویر از ولادیمیر Kudinovov. خوب، با کیفیت بالا ابزار کار، ارائه شده با نمونه های بصری و دستورالعمل های دقیق در ایجاد، نصب و استفاده. طراحی سازگار، دکمه های زیبا و فلش سبز، همه چیز بسیار زیبا و آرام است، بدون فشار.
fractionslider
پلاگین لغزنده رایگان جی کوئری با اثر اختلاف منظر برای تصاویر و اسلاید متن. انیمیشن اسلاید دارای چندین مقدار نمایش با کنترل کامل در هر زمان و پارامتر انیمیشن است. توانایی انیمیشن در یک بار چندین عنصر در اسلاید. شما می توانید روش های مختلف انیمیشن، ناپدید شدن اسلایدها یا انتقال از یک جهت خاص را تنظیم کنید. صفحه نمایش اتوماتیک و کنترل دستی با استفاده از فلش های ناوبری پاپ آپ زمانی که شما شناور. 10 نوع اثرات انیمیشن از ظاهر اسلایدها و خیلی بیشتر ...
این بررسی بسیار گسترده بود، اما به اندازه کافی آموزنده نیست تعداد زیادی محصولات مورد نظر. تمام جزئیات و شرح مفصلی. عملکرد یک پلاگین، شما می توانید به طور مستقیم در صفحات توسعه دهندگان یاد بگیرید. باقی مانده است که امیدوار باشیم که کسی جستجو برای ابزار لازم را کاهش دهد، برای ایجاد لغزنده های تصویر رنگی در صفحات سایت های خود.
آیا تا به حال فکر کرده اید که خوب است که بتوانم با قالب های Russified کار کنم؟ فقط یک دقیقه فکر کن هیچ هزینه ای برای کار با قالب های زبان انگلیسی وجود ندارد. ما عجله داریم تا شما را با این واقعیت که Templatemonster در حال حاضر در بازاریاب Templatemonster یافت می شود، لطفا به شما کمک کند. متن برای هر یک از آنها به صورت دستی نوشته شده بود. و البته، تمام راه حل های به پایان رسید فوق العاده آسان برای استفاده است.
با احترام، اندرو
1. اتصال jQuery "FRESCO"
گالری تطبیقی \u200b\u200bجی کوئری (تغییر اندازه زمانی که تغییر رزولوشن صفحه نمایش)، نمایش داده شده در پنجره پاپ آپ با ریز عکسها و امضاهای تصویر. گالری جی کوئری "FRESCO" به درستی در اکثر مرورگرها از جمله: IE6 +، فایرفاکس 3 +، کروم 5+، اپرا 9+ کار می کند. نسخه رایگان این پلاگین تنها می تواند در پروژه های غیر تجاری استفاده شود.
2. لغزنده "آداپتور"
لغزنده با اثرات مختلف انتقال (7 اثر مختلف، از جمله 3D). پروژه در Github.
3. پلاگین لغزنده با اثرات مختلف "JQ-Piles"
پلاگین با اثرات انتقال مختلف، با سرعت تغییر اسلاید سفارشی، با عملکرد ناوگان.
4. جی کوئری پلاگین "Sly"
پلاگین برای پیاده سازی پیمایش عمودی و افقی. پروژه در Github.
5. منوی CSS3 متحرک "Makisu"
6. نمایش اسلاید ساده
7. Slider JQuery عملکردی "IView Slider v2.0"
Content / SlideShow Slider (به عنوان یک اسلاید ممکن است نه تنها تصاویر، و همچنین فیلم ها و سایر مطالب HTML) باشد. شما می توانید از: ریز عکسها، دکمه های چپ / راست و با استفاده از صفحه کلید استفاده کنید. پروژه در Github.com.
8. پلاگین های جی کوئری "vanity" را تنظیم کنید
در مجموعه 7 پلاگین: Jslider، JTabs، JPaginate، JSPOTLight، JTIP، JPLaceHolder و JCollapse. مجموعه ای از این راه حل ها به شما در اجرای نوار لغزنده، راهنمایی های پاپ آپ، زبانه ها، توصیف های پاپ آپ از تصاویر و غیره کمک خواهد کرد.
9. اثر Hover CSS3
10. منوی کشویی CSS3
11. iOSSLIDER.
لغزنده به کار بر روی دستگاه های تلفن همراه تیز شده است.
12. شاخص بار CSS3
13. اثر CSS3 هنگام شناور شدن
14. "Colorizer محصول" پلاگین جی کوئری
پلاگین یک راه حل جزئی برای اجرای مشاهده محصول در نسخه های مختلف رنگ (به عنوان مثال، برای فروشگاه های پوشاک آنلاین برای بازدید کنندگان به انتخاب یک فاصله رنگ از کالا از چندین گزینه). برای افزونه، فقط دو تصویر برای هر محصول مورد نیاز است (همه رنگ ها به عنوان یک ماسک قرار می گیرند). این افزونه در تمام مرورگرهای اصلی، از جمله IE7 + کار می کند (در IE6 کار خواهد کرد اگر صفحه نمایش شفافیت PNG را اصلاح کنید). پروژه در Github.
15. نمودارهای متحرک CSS3
16. ایجاد یک اثر پوشش در هنگام کلیک بر روی تصویر
هنگام کلیک کردن بر روی تصویر، آن را با ترک پس زمینه تاریک می شود، و امتیازات با امضاها ظاهر می شود. این می تواند داده شود توضیح کوتاه عناصر واقع در تصویر.
17. ناوبری بر روی صفحه به شکل یک منوی کشویی
راه حل برای پیاده سازی یک ناوبری مناسب در سند به صورت منو کشویی. محتوای در بالای صفحه ثابت شده است و همیشه در دیدگاه بازدید کننده باقی می ماند. هنگام انتخاب یک بخش، شما یک پیمایش صاف از صفحه به قسمت انتخاب شده سند دارید.
18. گالری CSS3 با اثر زمانی که شناور است
هنگامی که مکان نما را شناورید، یک تغییر عکس سریع رخ می دهد. گالری در دو نسخه اجرا می شود: با توضیحات تصاویری که بعد از بازدید کننده ظاهر می شود، مکان نما را از گالری و بدون شرح می گیرد.
19. لغزنده جی کوئری با اثر اختلاف منظر
20. CSS3 انیمیشن هنگامی که در بلوک ها حرکت می کند
21. پانل پاپ آپ جی کوئری CSS3
برای دیدن آیکون های پاپ آپ روی پیکان در پایین صفحه روی صفحه نمایش نسخه ی نمایشی کلیک کنید.
22. گالری عکس HTML5 رایگان "JuiceBox Lite"
گالری عکس جدید بسیار کاربردی برای سایت. گالری می تواند هر دو با ریز عکسها و بدون آنها باشد، با توصیف تصویر و بدون آن، می تواند بر روی کل صفحه نمایش داده شود یا روی صفحه نمایش داده شده با اندازه های ثابت نمایش داده شود. در صفحه نسخه ی نمایشی، شما می توانید نوع گالری را انتخاب کنید که از آن لذت خواهید برد. نسخه گالری رایگان برای دانلود در دسترس است. برای عملکرد پیشرفته تر و حذف آرم توسعه دهنده، شما باید پرداخت کنید.
23. پلاگین "JQVMAP"
24. نوار لغزنده CSS3 با اثر اختلاف منظر
25. عکس های جی کوئری عکس با مینیاتوری
گالری تطبیقی، اندازه های تصویر و مینیاتوری ها همراه با اندازه پنجره مرورگر تغییر می کنند.
26. محتوای لغزنده پلاگین جی کوئری "Horinaja"
پلاگین آسان برای نصب، قابل تنظیم، متقابل مرورگر است. هر محتوای HTML به عنوان یک اسلاید، نه تنها تصاویر است. شما می توانید از طریق اسلایدها با استفاده از چرخ ماوس در لحظه ای که مکان نما در منطقه اسلاید است، حرکت کنید.
27. لغزنده پلاگین جی کوئری "Pikachoose"
در سه تغییر: پیاده سازی تغییر تصویر ساده بدون توصیف و مینیاتوری؛ لغزنده با امضاهای تصاویر و مینیاتوری؛ لغزنده با مینیاتورها و اضافه شدن یک تصویر بزرگتر در یک پنجره پاپ آپ با اثر فانتزی. آخرین نسخه همیشه می تواند در Github یافت شود.
28. چند لیست سفارشی CSS CSS
پنج طرح سبک مختلف از لیست های کشویی با استفاده از تکنیک های مختلف CSS.
29. منوی رستوران با اثر 3D متحرک
جالب هست جی کوئری CSS نمایندگی اطلاعات در صفحه با کلیک بر روی لینک، منوی بروشور نشان داده شده است و بازدید کننده می تواند در یک پنجره پاپ آپ بخواند تا بیشتر در مورد ظروف ارائه شده را بخواند. انیمیشن به اشتباه در IE نمایش داده می شود.
30. پلاگین "Elastislide"
تحقق لاستیک چرخ فلک تطبیقی (چرخ فلک تصویر عمودی و افقی) و گالری عکس. هنگامی که پنجره مرورگر کاهش می یابد، تعداد تصاویر به حداقل مقدار مشخصی کاهش می یابد و سپس اندازه تصاویر باقی مانده را مقیاس می کند. پروژه در Github.
31. CSS3 تازه CSS3 لغزنده لغزنده لغزنده
پلاگین کشویی سازگار (عرض را می توان به عنوان یک درصد تنظیم کرد و به طور خودکار فشرده خواهد شد) در دو نسخه سبک با یک اثر متحرک جالب در هنگام تغییر اسلایدها (اسلاید به نصف و درایو های اطراف در جهت های مختلف تخریب می شود، و جای آن یک فرد جدید را اشغال می کند ) ناوبری ممکن با استفاده از صفحه کلید. نسخه تازه همیشه در Github است.
32. نسخه جدید از لغزنده 3D تصاویر Slicebox
نسخه جدید با تغییرات و اضافه کردن ویژگی های جدید: در حال حاضر نوار لغزنده 3D تبدیل شده است مقیاس پذیر، ممکن است آن را با کاهش در پنجره مرورگر؛ پشتیبانی فایرفاکس اضافه شده است در توضیحات، شما قبلا می توانید از محتوای HTML استفاده کنید (پیشتر توضیحات از ویژگی مرجع بدون توانایی استفاده از تگ های HTML در آن تنگ شد). در صفحه نسخه ی نمایشی شما می توانید 4 گزینه برای استفاده از پلاگین را ببینید. آخرین نسخه زندگی می کند در github.com
این اثر بسیار شبیه به فلش گالری 3D Cu3er (نسخه ی نمایشی، دانلود) است، تنها این لغزنده 3D اجرا نمی شود با استفاده از فناوری فلش، اما با استفاده از جاوا اسکریپت.
33. جی کوئری پلاگین "Pfold"
راه حل آزمایشی پلاگین اثر 3D را با تقلید نمره اجرا می کند. نسخه های مختلف: با سه تغییر، با دو تغییر و به نوبه خود با مرکز بعدی از یادداشت گسترش یافته است.
34. پلاگین "windy" جی کوئری
پلاگین برای مرور محتوا، مانند تصاویر. هنگام ضبط عکس ها، آنها در جهات مختلف پرواز می کنند (اثر چیزی به یاد می آورد توزیع کارت ها در بازی کارت پوکر). برای حرکت، شما می توانید از دکمه های چپ / راست یا لغزنده استفاده کنید (گزینه های مختلفی را در صفحه نسخه ی نمایشی ببینید). پروژه در
