1. نمایش اسلاید جی کوئری عالی

یک نمایش اسلاید موثر بزرگ با استفاده از فناوری های جی کوئری.

2. پلاگین جی کوئری "Scale Carousel"

نمایش اسلاید مقیاس پذیر با استفاده از jQuery. شما قادر خواهید بود ابعادی را برای نمایش اسلاید تنظیم کنید که مناسب شماست.

3. پلاگین جی کوئری "slideJS"

نوار لغزنده تصویر با توضیحات متنی.

4. پلاگین "JSliderNews"

5. نوار لغزنده CSS3 jQuery

هنگامی که ماوس را روی فلش های پیمایش نگه می دارید، یک تصویر کوچک دایره ای از اسلاید بعدی ظاهر می شود.

6. نوار لغزنده زیبای jQuery "Presentation Cycle".

نوار لغزنده جی کوئری با نشانگر بارگذاری تصویر. تغییر خودکار اسلایدها وجود دارد.

7. پلاگین جی کوئری "Parallax Slider"

نوار لغزنده با جلوه پس زمینه سه بعدی. نکته برجسته این نوار لغزنده، حرکت پس زمینه است که از چندین لایه تشکیل شده است که هر کدام با سرعت متفاوتی اسکرول می شوند. نتیجه تقلید از اثر حجمی است. خیلی زیبا به نظر می رسد، خودتان می توانید ببینید. این افکت در مرورگرهایی مانند اپرا، گوگل کروم، اینترنت اکسپلورر راحت تر نمایش داده می شود.

8. نوار لغزنده جدید و سبک جی کوئری "bxSlider 3.0"

در صفحه دمو، در بخش «نمونه‌ها»، می‌توانید پیوندهایی به تمام موارد استفاده ممکن برای این افزونه پیدا کنید.

9.jQuery Image Slider، پلاگین "slideJS".

اسلایدر شیک jQuery مطمئناً می تواند پروژه شما را تزئین کند.

10. نمایش اسلاید پلاگین جی کوئری "Easy Slides" نسخه 1.1

استفاده آسان از پلاگین جی کوئری برای ایجاد نمایش اسلاید.

11. پلاگین "jQuery Slidy"

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

12.jQuery گالری CSS با تغییر اسلاید خودکار

اگر بازدید کننده در مدت زمان معینی روی فلش های "به جلو" یا "بازگشت" کلیک نکند، گالری به طور خودکار شروع به پیمایش می کند.

13. jQuery Nivo Slider

پلاگین سبک وزن بسیار حرفه ای با کیفیت بالا با کد معتبر. افکت های انتقال اسلاید متفاوتی وجود دارد.

14. نوار لغزنده jQuery "MobilySlider".

نوار لغزنده تازه. نوار لغزنده جی کوئری با جلوه های مختلف تغییر تصویر.

15. پلاگین jQuery Slider²

نوار لغزنده سبک وزن با تغییر اسلاید خودکار.

16. نوار لغزنده جاوا اسکریپت تازه

نوار لغزنده با تغییر خودکار تصویر.

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

نوار لغزنده تصویر jQuery CSS با استفاده از پلاگین NivoSlider.

19. نوار لغزنده جی کوئری "jShowOff".

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

20. افزونه "Shutter Effect Portfolio"

افزونه تازه جی کوئری برای نمونه کارهای عکاسی. گالری اثر جالبی در تغییر تصاویر دارد. عکس‌ها با جلوه‌ای مشابه عملکرد شاتر لنز، یکدیگر را دنبال می‌کنند.

21. نوار لغزنده سبک جاوا اسکریپت CSS "TinySlider 2"

پیاده سازی اسلایدر تصویر با استفاده از جاوا اسکریپت و CSS.

22. لغزنده عالی "Tinycircleslider"

نوار لغزنده گرد شیک. انتقال بین تصاویر با کشیدن در امتداد محیط نوار لغزنده به شکل یک دایره قرمز انجام می شود. اگر از عناصر گرد در طراحی خود استفاده کنید، کاملاً در سایت شما قرار می گیرد.

23. نوار لغزنده تصویر جی کوئری

کیت اسلایدر آسان. نوار لغزنده در نسخه های مختلف ارائه شده است: عمودی و افقی. انواع مختلفی از پیمایش بین تصاویر نیز اجرا می شود: با استفاده از دکمه های "به جلو" و "بازگشت"، با استفاده از چرخ ماوس، با استفاده از کلیک ماوس بر روی یک اسلاید.

24. گالری با مینیاتور "Slider Kit"

گالری "کیت لغزنده". پیمایش بند انگشتی هم به صورت عمودی و هم به صورت افقی انجام می شود. انتقال بین تصاویر با استفاده از: چرخ ماوس، کلیک ماوس یا شناور کردن روی تصویر کوچک انجام می شود.

25. jQuery Slider Kit Slider محتوا

نوار لغزنده محتوای عمودی و افقی JQuery.

26. نمایش اسلاید کیت اسلایدر جی کوئری

نمایش اسلاید با تغییر خودکار اسلاید.

27. نوار لغزنده حرفه ای جاوا اسکریپت CSS3 سبک وزن

یک نوار لغزنده jQuery و CSS3 که در سال 2011 ایجاد شد.

نمایش اسلاید تصویر کوچک جی کوئری.

29. نمایش اسلاید ساده جی کوئری

نمایش اسلاید با دکمه های ناوبری.

30. نمایش اسلاید "Skitter" عالی جی کوئری

پلاگین جی کوئری "Skitter" برای ایجاد نمایش های اسلاید خیره کننده. این افزونه از 22 (!) نوع جلوه های مختلف انیمیشن هنگام تغییر تصاویر پشتیبانی می کند. می تواند با دو گزینه پیمایش اسلاید کار کند: اعداد اسلاید و تصاویر کوچک. حتماً نسخه ی نمایشی را تماشا کنید، یک پیدا با کیفیت بسیار بالا. فن آوری های مورد استفاده: CSS، HTML، jQuery، PHP.

31. نمایش اسلاید "ناجور"

نمایش اسلاید عملکردی در قالب اسلاید می توان به موارد زیر اشاره کرد: تصاویر ساده، تصاویر با شرح، تصاویر با راهنمای ابزار، کلیپ های ویدئویی. می‌توانید با استفاده از فلش‌ها، پیوندهای شماره اسلاید و کلیدهای چپ/راست روی صفحه‌کلید خود پیمایش کنید. نمایش اسلاید در چندین نسخه ساخته شده است: با و بدون مینیاتور. برای مشاهده همه گزینه ها، پیوندهای نسخه ی نمایشی # 1 - نسخه ی نمایشی # 6 را که در بالای صفحه نمایشی قرار دارد، دنبال کنید.

طراحی بسیار اصلی از نوار لغزنده تصویر، یادآور یک فن. تغییر اسلاید متحرک. پیمایش بین تصاویر با استفاده از فلش ها انجام می شود. همچنین یک تغییر خودکار وجود دارد که می توان آن را با استفاده از دکمه پخش / مکث واقع در بالا روشن و خاموش کرد.

اسلایدر متحرک jQuery. هنگامی که اندازه پنجره مرورگر تغییر می کند، تصاویر پس زمینه به طور خودکار مقیاس می شوند. برای هر تصویر یک بلوک با توضیحات ظاهر می شود.

34. نوار لغزنده "Flux Slider" در jQuery و CSS3

نوار لغزنده جدید جی کوئری. چندین افکت متحرک جالب هنگام تغییر اسلایدها.

35. پلاگین جی کوئری jSwitch

گالری متحرک جی کوئری.

نمایش اسلاید آسان در jQuery با تغییر خودکار اسلاید.

37. نسخه جدید افزونه "SlideDeck 1.2.2"

اسلایدر محتوای حرفه ای گزینه هایی با تغییر اسلاید خودکار و همچنین گزینه ای با استفاده از چرخ ماوس برای حرکت بین اسلایدها وجود دارد.

38. jQuery Sudo Slider

نوار لغزنده تصویر سبک در جی کوئری. گزینه های پیاده سازی زیادی وجود دارد: تغییر تصویر افقی و عمودی، با و بدون ارجاع به شماره اسلاید، با و بدون شرح تصویر، افکت های مختلف تغییر تصویر. یک عملکرد تغییر خودکار اسلاید وجود دارد. پیوندهای تمام نمونه های پیاده سازی را می توان در صفحه نمایشی یافت.

39. نمایش اسلاید جی کوئری CSS3

نمایش اسلاید بند انگشتی از حالت تغییر خودکار اسلاید پشتیبانی می کند.

40. jQuery Flux Slider

اسلایدر با افکت های زیاد برای تغییر تصاویر.

41. نوار لغزنده ساده جی کوئری

نوار لغزنده شیک تصویر jQuery.

زمان نمی ایستد و با آن پیشرفت می کند. این موضوع بر گستردگی اینترنت نیز تأثیر گذاشت. در حال حاضر می توانید ببینید که چگونه ظاهر سایت ها در حال تغییر است و طراحی واکنش گرا از محبوبیت خاصی برخوردار است. در این راستا تطبیقی اسلایدرهای سایتبسیار محبوب و مرتبط شده اند. چند مورد جدید وجود دارد اسلایدرهای پاسخگو jquery، گالری ها و چرخ فلک ها.

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

اسلایدر برای سایت

1. اسلایدر پست افقی پاسخگو

چرخ فلک افقی تطبیقی ​​با دستورالعمل نصب دقیق. این به سبک ساده ساخته شده است، اما شما می توانید آن را هر طور که دوست دارید سبک کنید.

2. اسلایدر در Glide.js

این اسلایدر برای هر سایتی مناسب است. از Glide.js منبع باز استفاده می کند. رنگ های لغزنده را می توان به راحتی تغییر داد.

اسلایدرهای واکنش گرا برای یک وب سایت با محتوا. نکته برجسته این اسلایدر افکت سه بعدی تصاویر و همچنین انیمیشن های مختلف ظاهری به ترتیب تصادفی است.

4. نوار لغزنده با استفاده از بوم HTML5

نوار لغزنده بسیار زیبا و چشمگیر با ذرات تعاملی. با استفاده از بوم HTML5 اجرا می شود،

5. اسلایدر "تصاویر شکل‌گیری"

لغزنده با جلوه مورف. در این مثال، نوار لغزنده برای نمونه کارها یک توسعه دهنده وب یا یک استودیوی وب به عنوان نمونه کار به خوبی کار می کند.

6. نوار لغزنده دایره ای

یک نوار لغزنده به شکل دایره با افکت تلنگر.

7. نوار لغزنده پس زمینه تار

نوار لغزنده تطبیقی ​​با جابجایی و محو کردن پس‌زمینه.

8. نوار لغزنده مد تطبیقی

نوار لغزنده وب سایت ساده، سبک و واکنش گرا.

9. Slicebox - لغزنده تصویر سه بعدی jQuery(به روز شده)

نسخه به روز شده Slicebox نوار لغزنده با اصلاحات و ویژگی های جدید.

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

لغزنده برای سایت قسمت دوم.

11. Flexslider

افزونه رایگان جهانی برای وب سایت شما. این افزونه دارای چندین گزینه اسلایدر و چرخ فلک است.

12. قاب عکس

فوتورامایک افزونه همه کاره است. تنظیمات زیادی داره همه چیز به سرعت و به راحتی کار می کند و همچنین گزینه ای برای مشاهده اسلایدها به صورت تمام صفحه وجود دارد. نوار لغزنده را می توان در اندازه ثابت و پاسخگو، با یا بدون ریز عکسها، با یا بدون اسکرول دایره ای و موارد دیگر استفاده کرد. بر اساس قاب عکس، می توانید اسلایدرهای تطبیقی ​​جالبی برای سایت ایجاد کنید.

P.S.چندین بار اسلایدر را گذاشتم و فکر می کنم یکی از بهترین هاست

13. نوار لغزنده گالری سه بعدی رایگان و پاسخگو با تصاویر کوچک.

نوار لغزنده گالری آزمایشی 3DPanelLayoutبا مش و جلوه های انیمیشن جالب.

14. اسلایدر در css3

نوار لغزنده پاسخگو در css3 با جریان محتوای روان و انیمیشن سبک ساخته شده است.

یک اسلایدر تصویر با تصاویر و انیمیشن های شگفت انگیز است.

17. الاستیک

نوار لغزنده الاستیک کاملاً پاسخگو با تصاویر کوچک اسلایدها.

18. شکاف

این یک نوار لغزنده تمام صفحه با استفاده از انیمیشن css3 است. اسلایدر در دو نسخه ساخته شده است و انیمیشن کاملا غیر معمول ساخته شده است.

19. گالری عکس تطبیقی ​​به علاوه

یک گالری اسلایدر رایگان ساده با تصاویر آپلود شده.

20. نوار لغزنده پاسخگو برای وردپرس

اسلایدر پاسخگو و رایگان برای WP.

21. لغزان محتوای Parallax

اسلایدر با افکت اختلاف منظر و کنترل هر عنصر با CSS3.

22. نوار لغزنده با پیوند دادن موسیقی

لغزنده با با استفاده از JPlayer منبع باز این نوار لغزنده شبیه یک ارائه همراه با موسیقی است.

لغزنده برای سایت قسمت سوم.

23. اسلایدر با jmpress.js

نوار لغزنده پاسخگو بر اساس jmpress.js و بنابراین اجازه می دهد تا جلوه های سه بعدی جالبی روی اسلایدها ایجاد کنید.

24. نمایش اسلاید شناور سریع

نمایش اسلاید با تعویض سریع اسلاید. اسلایدها شناور را روشن می کنند.

آکاردئون تصاویر با استفاده از css3.

این یک گالری پاسخگو است که برای دستگاه های لمسی بهینه شده است.

29. مونتاژ تصویر با جی کوئری

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

33. چند سطحی عکس کارت.

این یک نقشه لایه ای است - یک گالری تصاویر به شما امکان می دهد تصاویر مربوط به مکان آنها را نمایش دهید. این بر اساس نقشه های گوگل است. سمت راست تصویر بند انگشتی را نشان می دهد که با کلیک بر روی آن در کادر نور قابل مشاهده است.

34. گالری تمام صفحه با ریز عکسها

نوار لغزنده گالری پاسخگو با تصویر کوچک و توضیحات اسلاید.

اسلایدرهای سایت به طور مداوم به روز می شوند و تعداد آنها هر روز بیشتر و بیشتر می شود. اگر اسلایدرهای مورد علاقه خود را دارید یا شاید آنچه را که به دنبال آن بودید پیدا نکردید، در نظرات بنویسید و من سعی خواهم کرد به شما کمک کنم.

4 نوامبر 2019 ورودی به روز شده است

یوری نمتس

لغزنده CSS خالص + لغزنده جایزه

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

در اینجا چیزی است که در مورد اسلایدرها در سایت پیدا کردم:

1. نوار لغزنده تصویر Css3

یک نوار لغزنده CSS که از دکمه های رادیویی برای حرکت در اسلایدها استفاده می کند. این دکمه های رادیویی در زیر لغزنده ها قرار دارند. همچنین، علاوه بر دکمه های رادیویی، ناوبری با استفاده از فلش های سمت چپ و راست انجام می شود. برای پیگیری اینکه کدام تصویر در حال حاضر نمایش داده می شود، از کلاس های شبه علامت زده استفاده می شود.

2. نوار لغزنده تصویر کوچک Css3

برخلاف نوار لغزنده قبلی CSS، در اینجا به جای دکمه های رادیویی، تصاویر بندانگشتی از تمام تصاویر در پایین وجود دارد که هنگام ایجاد گالری تصاویر نیز مفید است. تصاویر با جلوه ای عجیب تغییر می کنند: وقتی بزرگ می شوند به آرامی ناپدید می شوند.

3. گالری CSS

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

4. نوار لغزنده CSS بدون لینک

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

5. نوار لغزنده پاسخگو در CSS3

یک نوار لغزنده پاسخگو دیگر با کنترل های دکمه رادیویی. برای اینکه ببینید این نوار لغزنده در دستگاه های مختلف چگونه به نظر می رسد - می توانید پنجره مرورگر را خودتان تغییر دهید یا در صفحه دارای نوار لغزنده نمادهای ویژه ای برای دستگاه های مختلف وجود دارد که با کلیک کردن روی آنها خواهید دید که نوار لغزنده در رایانه شما ظاهر می شود. تبلت یا گوشی هوشمند

*** اسلایدر جایزه ***

علاوه بر تمام اسلایدرهایی که در بالا ارائه شده است، می خواهم شما را با یک مورد دیگر خوشحال کنم. این نوار لغزنده برای ایجاد گالری تصاویر عالی است. کلمات نمی توانند کاری را که او انجام می دهد را توضیح دهند، بنابراین بهتر است همه چیز را در ویدیو تماشا کنید:

خروجی

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

مواردی که در مقاله مورد بحث قرار گرفت.

اگر نیاز به افزودن اسلایدر تصویر جی کوئری با کیفیت بالا به سایت خود دارید، در این مقاله توضیحاتی در مورد پلاگین های لازم را خواهید یافت. در حالی که jQuery کار با جاوا اسکریپت را بسیار آسان کرده است، ما هنوز به پلاگین هایی برای سرعت بخشیدن به فرآیند طراحی وب نیاز داریم.

ما می‌توانیم در برخی از این افزونه‌ها تغییراتی ایجاد کنیم و اسلایدرهای جدیدی ایجاد کنیم که بسیار بیشتر با اهداف سایت ما مطابقت دارند.

برای سایر لغزنده ها، فقط باید عناوین، تصاویر را اضافه کنید و افکت های انتقال اسلاید را که همراه با نوار لغزنده ارائه می شود، انتخاب کنید. همه این افزونه ها به خوبی مستند شده اند، بنابراین افزودن افکت ها یا ویژگی های جدید به آنها آسان است. اگر یک برنامه نویس باتجربه جی کوئری هستید، حتی می توانید محرک های مبتنی بر رویداد را تغییر دهید.

آخرین روندها مانند طراحی واکنش گرا برای پروژه های وب بسیار مهم هستند، چه در حال پیاده سازی یک پلاگین یا یک اسکریپت باشید. همه این عناصر هر یک از این افزونه ها را بسیار انعطاف پذیر می کند. هر آنچه در سال 2014 منتشر شد در این لیست گنجانده شده است.

اسلایدرهای تصویر JQuery

لغزنده پاسخگو Jssor

من اخیراً با این نوار لغزنده jQuery برخورد کردم و توانستم از نزدیک ببینم که کار خود را به خوبی انجام می دهد. این شامل امکانات بی پایانی است که می تواند از طریق کد لغزنده منبع باز گسترش یابد:

• طراحی تطبیقی؛
• بیش از 15 گزینه سفارشی سازی؛
• بیش از 15 افکت تغییر تصویر
• گالری تصاویر، چرخ فلک ها، پشتیبانی از اندازه تمام صفحه؛
• چرخاننده بنر عمودی، لیست اسلاید.
• پشتیبانی ویدیویی

نسخه ی نمایشی | دانلود

PgwSlider یک نوار لغزنده پاسخگو مبتنی بر JQuery / Zepto است

تنها هدف این افزونه نمایش اسلایدشو از تصاویر است. این بسیار فشرده است زیرا فایل های جی کوئری تنها 2.5 کیلوبایت حجم دارند که باعث می شود بارگذاری آن بسیار سریع باشد:

• طرح پاسخگو؛
• بهینه سازی سئو؛
• پشتیبانی شده توسط مرورگرهای مختلف؛
• انتقال تصویر ساده؛
• حجم آرشیو فقط 2.5 کیلوبایت است.

نسخه ی نمایشی | دانلود

اسلایدر خبری عمودی Jquery

یک نوار لغزنده jQuery منعطف و مفید که برای منابع خبری با لیستی از پست ها در سمت چپ و یک تصویر در سمت راست طراحی شده است:

• طراحی تطبیقی؛
• ستون عمودی برای تغییر اخبار؛
• هدرهای توسعه یافته

نسخه ی نمایشی | دانلود

لغزنده Wallop

این اسلایدر حاوی JQuery نیست، اما می‌خواهم آن را معرفی کنم زیرا بسیار فشرده است و می‌تواند زمان بارگذاری صفحه را به میزان قابل توجهی کاهش دهد. اگر دوست دارید به من اطلاع دهید:

• طرح پاسخگو؛
• طراحی ساده؛
• گزینه های مختلف برای تغییر اسلاید.
• حداقل کد جاوا اسکریپت؛
• حجم فقط 3 کیلوبایت

نسخه ی نمایشی | دانلود

گالری پولاروید به سبک تخت

یک گالری به سبک سند با چیدمان منعطف و طراحی زیبا باید مورد توجه بسیاری از شما باشد. مناسب تر برای تبلت ها و نمایشگرهای بزرگ:

• نوار لغزنده پاسخگو؛
• طراحی تخت؛
• تغییر تصادفی اسلایدها؛
• دسترسی کامل به کد منبع

نسخه ی نمایشی | دانلود

A-Slider

نسخه ی نمایشی | دانلود

HiSlider - لغزنده تصویر HTML5، jQuery و WordPress

HiSlider یک پلاگین اسلایدر رایگان جدید jQuery را معرفی کرده است که به شما امکان می دهد گالری های عکس متنوعی با انتقال های خارق العاده ایجاد کنید:

• نوار لغزنده پاسخگو؛
• بدون نیاز به دانش برنامه نویسی؛
• چندین قالب و پوسته عالی.
• جلوه های انتقال زیبا؛
• پشتیبانی از پلتفرم های مختلف؛
• سازگار با وردپرس، جوملا، دروپال.
• امکان نمایش محتوا در انواع مختلف: تصاویر، ویدیوهای یوتیوب و ویدیوهای Vimeo.
• سفارشی سازی انعطاف پذیر؛
• توابع اضافی مفید؛
• محتوای نامحدود نمایش داده می شود.

نسخه ی نمایشی | دانلود

عجب اسلایدر

WOW Slider یک نوار لغزنده عکس جی کوئری پاسخگو با تصاویری شگفت انگیز است ( دومینو، چرخش، محو کردن، تلنگر و فلش، پرواز به بیرون، پرده) و قالب های حرفه ای.

WOW Slider دارای یک جادوگر نصب است که به شما امکان می دهد بدون نیاز به مرور کد یا ویرایش تصاویر، اسلایدرهای خارق العاده را در چند ثانیه ایجاد کنید. نسخه های افزونه برای جوملا و وردپرس نیز برای دانلود موجود است:

• کاملا پاسخگو
• پشتیبانی از همه مرورگرها و انواع دستگاه ها؛
• پشتیبانی از دستگاه های لمسی؛
• نصب آسان در وردپرس؛
• انعطاف پذیری در سفارشی سازی؛
• سئو بهینه شده است.

نسخه ی نمایشی | دانلود

Nivo Slider - پلاگین رایگان jQuery

Nivo Slider در سراسر جهان به عنوان زیباترین و آسان ترین اسلایدر تصویر شناخته شده است. پلاگین Nivo Slider رایگان است و تحت مجوز MIT منتشر شده است:

• JQuery 1.7 یا بالاتر مورد نیاز است.
• جلوه های انتقال زیبا؛
• ساده و انعطاف پذیر برای سفارشی سازی؛
• فشرده و سازگار؛
• متن باز؛
• قدرتمند و ساده؛
• چندین قالب مختلف؛
• برش خودکار تصویر

نسخه ی نمایشی | دانلود

نوار لغزنده ساده جی کوئری با مستندات فنی

این ایده از لغزنده های اپل الهام گرفته شده است، که در آن چندین عنصر کوچک می توانند با جلوه های مختلف انیمیشن به بیرون پرواز کنند. توسعه دهندگان سعی کردند این مفهوم را با در نظر گرفتن حداقل الزامات برای ایجاد یک طراحی ساده برای یک فروشگاه آنلاین اجرا کنند، که در آن عناصر "پرواز" دسته های مختلفی را نشان می دهند:

• طرح پاسخگو؛
• طراحی مینیمالیستی؛
• اثرات مختلف افتادن و تغییر اسلایدها.

نسخه ی نمایشی | دانلود

نوار لغزنده تصویر جی کوئری در اندازه کامل

یک نوار لغزنده بسیار ساده که 100 درصد عرض صفحه را اشغال می کند و با اندازه صفحه نمایش دستگاه های تلفن همراه تنظیم می شود. با انتقال CSS کار می کند و تصاویر با لنگرها "انباشته" می شوند. اگر نمی‌خواهید پیوندی را به تصویر پیوند دهید، می‌توان لنگر را جایگزین یا حذف کرد.

هنگامی که نصب می شود، نوار لغزنده تا 100٪ عرض صفحه گسترش می یابد. همچنین می تواند به طور خودکار اندازه تصاویر اسلاید را کاهش دهد:

• نوار لغزنده جی کوئری پاسخگو.
• اندازه کامل؛
• طراحی مینیمالیستی

نسخه ی نمایشی | دانلود

Elastic Content Slider + آموزش

Elastic Content Slider به طور خودکار عرض و ارتفاع را بر اساس ابعاد عنصر اصلی تنظیم می کند. این یک نوار لغزنده jQuery ساده است. این شامل یک قسمت اسلاید در بالا و یک نوار نوار ناوبری در پایین است. نوار لغزنده عرض و ارتفاع خود را متناسب با ظرف اصلی تنظیم می کند.

هنگامی که در صفحه نمایش های کوچک مورب مشاهده می شود، برگه های ناوبری به نمادهای کوچک تبدیل می شوند:

• طراحی تطبیقی؛
• پیمایش با کلیک ماوس

نسخه ی نمایشی | دانلود

اسلایدر پشته سه بعدی رایگان

یک نوار لغزنده آزمایشی که تصاویر را به صورت سه بعدی ورق می زند. دو پشته شبیه به پشته های کاغذ هستند که هنگام پیمایش، تصاویر در مرکز نوار لغزنده نمایش داده می شوند:

• طراحی تطبیقی؛
• انتقال تلنگر؛
• جلوه های سه بعدی

نسخه ی نمایشی | دانلود

Slit Slider تمام صفحه با JQuery و CSS3 + آموزش طراحی شده است

این آموزش به شما نحوه ایجاد یک نوار لغزنده با چرخش را نشان می دهد: ایده این است که اسلاید فعلی را در حالی که تصویر بعدی یا قبلی را باز می کنید، برش داده و نمایش دهید. با استفاده از انیمیشن های جی کوئری و CSS، می توانیم جلوه های انتقال منحصر به فردی ایجاد کنیم:

• طراحی تطبیقی؛
• انتقال تقسیم؛
• نوار لغزنده تمام صفحه

نسخه ی نمایشی | دانلود

Unislider یک نوار لغزنده jQuery بسیار کوچک است

بدون زنگ و سوت و نشانه گذاری غیر ضروری، حجم کمتر از 3 کیلوبایت است. از هر HTML برای اسلایدهای خود استفاده کنید، آن را با CSS گسترش دهید. همه چیز مربوط به Unslider در GitHub میزبانی می شود:

• پشتیبانی از مرورگرهای مختلف؛
• پشتیبانی از صفحه کلید؛
• تنظیم ارتفاع؛
• طراحی تطبیقی؛
• پشتیبانی از ورودی لمسی

نسخه ی نمایشی | دانلود

حداقل اسلایدهای پاسخگو

پلاگین ساده و فشرده ( اندازه فقط 1 کیلوبایت است)، که با استفاده از عناصر داخل یک ظرف، یک نوار لغزنده پاسخگو ایجاد می کند. ResponsiveSLides.js با طیف گسترده ای از مرورگرها، از جمله تمام نسخه های IE از IE6 و بالاتر، کار می کند:

• کاملا پاسخگو
• حجم 1 کیلوبایت;
• انتقال CSS3 با قابلیت اجرا از طریق جاوا اسکریپت.
• نشانه گذاری ساده با استفاده از یک لیست گلوله ای
• امکان سفارشی کردن افکت های انتقال و مدت زمان مشاهده یک اسلاید.
• پشتیبانی از توانایی ایجاد چند نمایش اسلاید.
• اسکرول خودکار و دستی.

نسخه ی نمایشی | دانلود

دوربین - نوار لغزنده jQuery رایگان

دوربین یک پلاگین با جلوه های انتقال بسیاری، طرح پاسخگو است. راه اندازی آسان، پشتیبانی شده توسط دستگاه های تلفن همراه:

• طراحی کاملا واکنشگرا
• امضاها؛
• امکان افزودن فیلم؛
• 33 آیکون رنگی مختلف

نسخه ی نمایشی | دانلود

SlidesJS، یک پلاگین پاسخگو jQuery

SlidesJS یک پلاگین jQuery پاسخگو (1.7.1 و بالاتر) با پشتیبانی از انتقال لمس و CSS3 است. با آن آزمایش کنید، چند مثال آماده را امتحان کنید تا به شما کمک کند تا دریابید که چگونه SlidesJS را به پروژه خود اضافه کنید:

• طراحی تطبیقی؛
• انتقال CSS3.
• پشتیبانی از دستگاه های لمسی؛
• راه اندازی آسان.

نسخه ی نمایشی | دانلود

اسلایدر BX Jquery

این یک نوار لغزنده jQuery پاسخگو است:

• کاملاً پاسخگو - با هر دستگاهی سازگار است.
• تغییر افقی، عمودی اسلایدها؛
• اسلایدها می توانند حاوی تصاویر، ویدئوها یا محتوای HTML باشند.
• پشتیبانی گسترده از دستگاه های لمسی؛
• استفاده از انتقال CSS برای انیمیشن های اسلاید ( شتاب سخت افزاری);
• Callback API و روش های کاملاً عمومی.
• اندازه فایل کوچک؛
• آسان برای پیاده سازی.

نسخه ی نمایشی | دانلود

FlexSlider 2

بهترین نوار لغزنده پاسخگو نسخه جدید برای افزایش سرعت کار، فشردگی بهبود یافته است.

نسخه ی نمایشی | دانلود

گالری - گالری عکس پاسخگو مبتنی بر جاوا اسکریپت

گالری توسط میلیون ها سایت برای ایجاد گالری تصاویر با کیفیت بالا استفاده می شود. تعداد نظرات مثبت در مورد کار او به تازگی افزایش یافته است:

• کاملا رایگان؛
• نمایش تمام صفحه؛
• 100٪ پاسخگو؛
• بدون نیاز به تجربه برنامه نویسی؛
• پشتیبانی از آیفون، آی پد و سایر دستگاه های لمسی؛
• فلیکر، ویمیو، یوتیوب و موارد دیگر؛
• چند موضوع.

نسخه ی نمایشی | دانلود

Blueberry یک نوار لغزنده تصویر jQuery پاسخگو است

معرفی یک نوار لغزنده jQuery که به طور خاص برای طراحی وب واکنشگرا نوشته شده است. Blueberry یک پلاگین کشویی تصویر منبع باز تجربی است که به طور خاص برای کار با قالب های واکنش گرا نوشته شده است.