Jquery Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ – Как Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ слайдСр ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, с пролистываниСм ΠΏΠΎ ΠΊΡ€ΡƒΠ³Ρƒ Π² ΠΎΠ±Π΅ стороны? β€” Π₯Π°Π±Ρ€ Q&A

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

38 jQuery карусСлСй, Ρ€ΠΎΡ‚Π°Ρ‚ΠΎΡ€ΠΎΠ² ΠΈ скроллСров для сайта

1. jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Β«clickCarouselΒ»

2. jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Π‘Π»ΠΎΠΊ с ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ анонсов новостСй. Для ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ Π±Π»ΠΎΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ стрСлки Π²Π»Π΅Π²ΠΎ/Π²ΠΏΡ€Π°Π²ΠΎ. Π’ Π°Ρ€Ρ…ΠΈΠ²Π΅ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π² Π΄Π²ΡƒΡ… стилСвых оформлСниях: свСтлом ΠΈ Ρ‚Π΅ΠΌΠ½ΠΎΠΌ.

1. Β jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, ΠΏΠ»Π°Π³ΠΈΠ½Β Β«carouFredSelΒ»

Аккуратная свСТая ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° jQuery.

4. jQuery ΠΏΠ»Π°Π³ΠΈΠ½: ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Β«ElastislideΒ»

5. Плагин «TinyCarousel»

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ слайдСры ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π² Π²ΠΈΠ΄Π΅ карусСли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ jQuery. На дСмонстрационной страницС описано, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ эту ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΊ своСму сайту.

6. jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Плагин Β«Slider KitΒ», лСгкая ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ способами ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

7. javascript ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

8. jQuery ΠΏΠ»Π°Π³ΠΈΠ½ Β«Grid Navigation EffectsΒ»

ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ навигация ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π°ΠΌΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Для просмотра эффСкта  справа на дСмонстрационной страницС Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π’Π²Π΅Ρ€Ρ…Β» ΠΈ Β«Π’Π½ΠΈΠ·Β». Π’ этом jQuery Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ Ρ‚Π°ΠΊΠΆΠ΅ прСдусмотрСн эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ колСса ΠΌΡ‹ΡˆΠΈ.

9. ЛСгкая ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

10. ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΈΠ· Π±Π»ΠΎΠΊΠΎΠ²Β Β«Easy PaginateΒ»

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ Β«Easy PaginateΒ».Β ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Π±Π»ΠΎΠΊ прСдставляСт собой ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ списка Β li, ΠΏΡ€ΠΈ этом Ссли ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² большС Ρ‚Ρ€Π΅Ρ…, Ρ‚ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ, ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ слайдСру (с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ стрСлок Β«Π²ΠΏΠ΅Ρ€Π΅Π΄Β», Β«Π½Π°Π·Π°Π΄Β» ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π²Π½ΠΈΠ·Ρƒ).Β 

11. Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€ΠΎΡ‚Π°Ρ‚ΠΎΡ€ Β«Vertical TickerΒ»

Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€ΠΎΡ‚Π°Ρ‚ΠΎΡ€ Π½Π° jQuery: автоматичСскоС ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° страницС. ΠŸΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€ΠΎΡ‚Π°Ρ†ΠΈΡŽ ΠΈ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π΅Π΅ снова. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ останавливаСтся. На ΡƒΡ€ΠΎΠ²Π½Π΅ HTML Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ Π±Π»ΠΎΠΊΠΈ прСдставлСны ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌΠΈ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ списка li.

12. javascript CSS ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰Π°ΡΡΡ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ

javascript Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Β«TinyScroller» для создания ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰Π΅ΠΉΡΡ области, ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠΉ Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ DIV.

13. jQuery ΠΏΠ»Π°Π³ΠΈΠ½Β Β«Smooth Div ScrollΒ»

Плагин для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ содСрТимого Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ области. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° Π»Π΅Π²Ρ‹ΠΉ ΠΈΠ»ΠΈ ΠΏΡ€Π°Π²Ρ‹ΠΉ ΠΊΡ€Π°ΠΉ области, начинаСтся ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅.

14. Π ΠΎΡ‚Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

Навигация ΠΌΠ΅ΠΆΠ΄Ρƒ слайдами с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ стрСлок ΠΈΠ»ΠΈ ΠΏΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ. Π‘Π½ΠΈΠ·Ρƒ Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ShowΒ», ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π°Ρ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ/ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΠ΅ описаниС слайда.

15.Β Π ΠΎΡ‚Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°Β Β«Circular Content CarouselΒ»

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ссылку Β«MoreΒ» Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Π²Ρ€Π°Ρ‰Π°ΡŽΡ‰ΠΈΡ…ΡΡΒ Π±Π»ΠΎΠΊΠΎΠ² с содСрТимым, эффСктно открываСтся Π΅Π³ΠΎ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ описаниС. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ осущСствляСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ наТатия Π½Π° стрСлки Π’ΠΏΡ€Π°Π²ΠΎ/Π’Π»Π΅Π²ΠΎ.

16. jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

17. Π‘ΠΊΡ€ΠΎΠ»Π»Π΅Ρ€

Π‘Π»ΠΎΠΊ со скроллСром, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰ΠΈΠΌΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора. Β ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒΒ ΡΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ полосы ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Ρ‚Π°ΠΊ ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ колСса ΠΌΡ‹ΡˆΠΈ.

18. jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

ПодобноС jQuery Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ сдСлано ΠΏΠΎΠ΄ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΡ‚ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ эффСкта на сайтС Apple. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ этой ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ всСгда Π½Π°Ρ…ΠΎΠ΄ΠΈΠ»ΠΈ интСрСсныС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»ΡΠ»ΠΈΡΡŒ Π²Π΅Π±-мастСра со всСго ΠΌΠΈΡ€Π°. Для дСмонстрации ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ· ΠΊΠ°ΠΊΡƒΡŽ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ ΠΈΠ· списка.

19. ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ слайдСр

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ гСнСрируСтся автоматичСски. Π”Π°Π½Π½Ρ‹Π΅ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Ρ‚ΠΎΠ²Π°Ρ€Π°, описаниСм, ссылкой ΠΈ адрСсом изобраТСния бСрутся ΠΈΠ· Ρ„Π°ΠΉΠ»Π°Β slider.db.txt. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ:Β CSS, PHP, jQuery.

20. Ротация Π±Π»ΠΎΠΊΠΎΠ² c использованиСм jQuery

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ эффСкт Ρ€ΠΎΡ‚Π°Ρ†ΠΈΠΈ Π±Π»ΠΎΠΊΠΎΠ², Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² Π½Π° дСмонстрационной страницС

21.Β Π ΠΎΡ‚Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° jQuery

Плагин для ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΏΠΎΠΊΠ°Π·Π° послСдних новостСй ΠΈΠ»ΠΈ для ΠΏΠΎΠΊΠ°Π·Π° Twitter Π»Π΅Ρ‚Π½Ρ‹ Π½Π° сайтС.

22. ДинамичСский Π±Π»ΠΎΠΊ Β«ΠžΡ‚Π·Ρ‹Π²Ρ‹ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²Β»

АвтоматичСская ротация содСрТимого Π±Π»ΠΎΠΊΠ°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ:Β PHP, XML, CSS, jQuery.

23. Π‘Π»Π°ΠΉΠ΄-ΡˆΠΎΡƒ Π² стилС Apple

Β 

24. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎ ΠΊΡ€ΡƒΠ³Ρƒ

25. jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡ€ΠΎΠΎΠ±Ρ€Π°Π·ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ списка (ul li) Π² элСмСнты jQuery карусСли.

26. javascript ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Β«ImageFlowΒ»

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ колСса ΠΌΡ‹ΡˆΠΈ.

27. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

28.Β ΠšΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ Π²Ρ‹Π²ΠΎΠ΄ анонсов послСдних ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈΠ»ΠΈ новостСй

ΠšΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ Π±Π»ΠΎΠΊ с анонсом послСдних ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π½Π° сайтС ΠΈΠ»ΠΈ новостСй. Π’ Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ отобраТаСтся Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ΠΉ Π½Π° страницы список ΠΈΠ· ΠΊΡ€Π°Ρ‚ΠΊΠΈΡ… анонсов послСдних новостСй. ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ… Π² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ отобраТаСтся Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ описаниС ΠΈ ссылка Π½Π° ΠΏΡ€ΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ тСкста ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ jQuery.

29. Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ jQuery скроллСр

Π‘ΠΌΠ΅Π½Π° слайдов происходит Π² Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ.

30. jQuery ΠΏΠ»Π°Π³ΠΈΠ½Β jCoverflip

Π­Ρ„Ρ„Π΅ΠΊΡ‚Π½Ρ‹ΠΉ jQuery ΠΏΠ»Π°Π³ΠΈΠ½ с колСсом ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

31. Новостная Π»Π΅Π½Ρ‚Π°

ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰Π°ΡΡΡ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ Π»Π΅Π½Ρ‚Π° новостСй Π½Π° Β javascript.

22. jQuery Image Scroller

Π‘ΠΊΡ€ΠΎΠ»ΠΈΡ€ΡƒΡŽΡ‚ΡΡ изобраТСния со ссылками, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΊΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ останавливаСтся ΠΈ появляСтся панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΊΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ отобраТаСтся Ρ‚Π°ΠΊΠΆΠ΅ Π΅Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ управлСния. ΠžΡ‡Π΅Π½ΡŒ красиво смотрится Π½Π° страницС

33. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° содСрТимого, Mootools ΠΏΠ»Π°Π³ΠΈΠ½Β Β«ScrollbarΒ»

ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ осущСствляСтся ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ полосы ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Ρ‚Π°ΠΊ ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ колСса ΠΌΡ‹ΡˆΠΈ.

7 ΠΌΠΎΡ‰Π½Ρ‹Ρ… карусСлСй ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² / Habr

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ являСтся ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠ΅ΠΉ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΡ‰Π½Ρ‹Ρ… карусСлСй ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ тСкстовых ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ², Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ использованию Π² Π²Π°ΡˆΠΈΡ… Web-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. Она Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) ΠΈ ΡƒΡ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π½Π°ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅ карусСли Π²ΠΎ Flickr, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Prototype-UI.
Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ интСрСсныС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π° эту Ρ‚Π΅ΠΌΡƒ, поТалуйста, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ. Бпасибо!
1. Agile Carousel

Agile Carousel являСтся jQuery-ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΡ€Π°ΠΉΠ½Π΅ Π³ΠΈΠ±ΠΊΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΌ Π½Π°Π±ΠΎΡ€ΠΎΠΌ настроСк. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ тСкст ΠΈ изобраТСния Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Ρ„Ρ€Π΅ΠΉΠΌΠ΅ ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€ для отобраТСния, Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ΅ Π’Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ. ВзглянитС сюда, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π΅ Π² дСйствии, это ΠΌΠΎΠΉ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ Ρ„Π°Π²ΠΎΡ€ΠΈΡ‚!
2. Yahoo! UI Carousel Control

Yahoo! UI Carousel Control прСдоставляСт Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ для просмотра ряда ΠΏΠΎΡ…ΠΎΠΆΠΈΡ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², выстроСнных Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ Π² Ρ€Π΅Π³ΠΈΠΎΠ½Π΅-ΠΎΠ²Π΅Ρ€Π»Π΅Π΅ Π½Π° страницС. ΠœΠ΅Ρ‚Π°Ρ„ΠΎΡ€Π° «карусСли» Π²Ρ‹Ρ‚Π΅ΠΊΠ°Π΅Ρ‚ ΠΈΠ· Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΡŽ слайдов Π² Π΄Π½ΠΈ ΠΏΠ»Π΅Π½ΠΎΡ‡Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ; Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ карусСли ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ этой ΠΌΠ΅Ρ‚Π°Ρ„ΠΎΡ€Π΅, позволяя Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΏΠΎ ΠΊΡ€ΡƒΠ³Ρƒ Ρ‡Π΅Ρ€Π΅Π· всС Ρ„Ρ€Π΅ΠΉΠΌΡ‹ содСрТания.
3. jCarousel

jCarousel являСтся ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ jQuery для управлСния списком Π±Π»ΠΎΠΊΠΎΠ² Π² Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΌ ΠΈΠ»ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ порядкС. Π‘Π»ΠΎΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ статичный HTML, ΠΈΠ»ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ содСрТимоС Ρ‡Π΅Ρ€Π΅Π· (ΠΈΠ»ΠΈ Π±Π΅Π·) AJAX, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Π²ΠΏΠ΅Ρ€Π΅Π΄ ΠΈ Π½Π°Π·Π°Π΄ (с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΈΠ»ΠΈ Π±Π΅Π· Ρ‚Π°ΠΊΠΎΠ²ΠΎΠΉ).
4. jCarousel Lite

jCarousel Lite являСтся ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ для jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отправляСт Вас Π² ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠ΅ ΠΏΠΎ карусСли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ HTML-содСрТания. ΠŸΡ€ΠΎΡ‰Π΅ говоря, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ изобраТСниям ΠΈ/ΠΈΠ»ΠΈ HTML Π² стилС карусСли, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π΄Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΊΡ€Π°ΠΉΠ½Π΅ Π»Ρ‘Π³ΠΎΠΊ, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 2 ΠšΠ‘, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π³ΠΈΠ±ΠΎΠΊ ΠΈ настраиваСм с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Π½Π°ΡˆΠΈΡ… потрСбностСй.
5. ΠŸΡ€ΠΎΡΡ‚Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² стилС Flickr

Π’ этом руководствС ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ просто ΠΈΠ· Π½Π°Π±ΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ слайд-ΡˆΠΎΡƒ Π² стилС Flickr с использованиСм Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Prototype-UI.
Β 
6. iCarousel

iCarousel являСтся ΠΌΠΎΡ‰Π½ΠΎΠΉ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΡŽ, построСнной с использованиСм MooTools v1.1, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСмой ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ всСго Π·Π° нСсколько шагов. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ любой ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ просто инициализируя класс ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ настроСк Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JSON. Π­Ρ‚Π° ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ протСстирована Π² Internet Explorer, Firefox, Opera ΠΈ Safari.
7. Carousel.us

Carousel.us являСтся соврСмСнной Ρ‚Ρ€Ρ‘Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΉ Javascript-ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΡŽ, которая ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚, ΠΊΠ°ΠΊ основу, ΠΈΠ»ΠΈ MooTools ΠΈ Reflection.js ΠΎΡ‚ ΠšΡ€ΠΈΡΡ‚ΠΎΡ„Π° Π‘Π΅ΠΉΠ»Π·Π°, ΠΈΠ»ΠΈ Prototype.js ΠΈ Script.aculo.us совмСстно с Reflection.js. ВзглянитС сюда, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π΅ Π² дСйствии.

25 бСсплатных Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… слайдСров Ρ‚ΠΈΠΏΠ° ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π½Π° jQuery

Π’ настоящСС врСмя слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ – Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½Π° сайтС для бизнСса, сайтС – ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ рСсурсС. Наряду с полноэкранными слайдСрами изобраТСния, Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ слайдСры – карусСли Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² любой Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½.

Иногда слайдСр Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΎΠ΄Π½Ρƒ Ρ‚Ρ€Π΅Ρ‚ΡŒ страницы сайта. Π—Π΄Π΅ΡΡŒ слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ с эффСктами ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΈ с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ. Π‘Π°ΠΉΡ‚Ρ‹ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ для дСмонстрации мноТСства Ρ„ΠΎΡ‚ΠΎ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… публикациях ΠΈΠ»ΠΈ страницах. Код слайдСра ΠΌΠΎΠΆΠ½ΠΎ свободно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ Π² соотвСтствии с потрСбностями.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ JQuery совмСстно с HTML5 ΠΈ CSS3, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваши страницы Π±ΠΎΠ»Π΅Π΅ интСрСсными, снабдив ΠΈΡ… ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ эффСктами, ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ посСтитСлСй Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ сайта.

Slick – ΠΏΠ»Π°Π³ΠΈΠ½ соврСмСнного слайдСра – карусСли

Slick – свободно распространяСмый jquery – ΠΏΠ»Π°Π³ΠΈΠ½, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΈΡ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ всС ваши трСбования ΠΊ слайдСру. Адаптивный слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Β«ΠΏΠ»ΠΈΡ‚ΠΊΠΈΒ» для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, ΠΈ, Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ «пСрСтаскивания» для дСсктопной вСрсии.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚ эффСкт ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Β«Π·Π°Ρ‚ΡƒΡ…Π°Π½ΠΈΠ΅Β», ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠ½ΡƒΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Β«Ρ€Π΅ΠΆΠΈΠΌ Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅Β», Π»Π΅Π½ΠΈΠ²ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ. ΠžΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ слайдов ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ слайдов. ВсС для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ настроили ΠΏΠ»Π°Π³ΠΈΠ½ Π² соотвСтствии с вашими трСбованиями.

Π”Π΅ΠΌΠΎ-Ρ€Π΅ΠΆΠΈΠΌ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Owl Carousel 2.0 – jQuery – ΠΏΠ»Π°Π³ΠΈΠ½ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ использования Π½Π° сСнсорных устройствах

Π’ арсСналС этого ΠΏΠ»Π°Π³ΠΈΠ½Π° – большой Π½Π°Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, подходящий ΠΊΠ°ΠΊ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ для ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π­Ρ‚ΠΎ обновлСнная вСрсия слайдСра – карусСли. Π•Π³ΠΎ ΠΏΡ€Π΅Π΄ΡˆΠ΅ΡΡ‚Π²Π΅Π½Π½ΠΈΠΊ имСновался Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅.

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ ΠΈΠΌΠ΅Π΅Ρ‚ Π² своСм составС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ встроСнныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΎΠ±Ρ‰Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°. Анимация, ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ, автозапуск слайдСра, лСнивая Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°, автоматичСская ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠ° высоты – основныС возмоТности Owl Carousel 2.0.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° возмоТности drag and drop Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° для Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ использования ΠΏΠ»Π°Π³ΠΈΠ½Π° Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах.
Плагин ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для отобраТСния Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π΄Π°ΠΆΠ΅ Π½Π° ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… экранах ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ Silver Track

Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ малСнький, Π½ΠΎ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΉ ΠΏΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ jquery ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° страницС слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΠΉ нСбольшим ядром ΠΈ Π½Π΅ ΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡŽΡ‰ΠΈΠΉ мноТСства рСсурсов сайта. Плагин ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использован для отобраТСния Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… слайдСров, с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΈ созданиСм Π½Π°Π±ΠΎΡ€ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· Π³Π°Π»Π΅Ρ€Π΅ΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

AnoSlide – Π£Π»ΡŒΡ‚Ρ€Π° ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ jQuery слайдСр

Π£Π»ΡŒΡ‚Ρ€Π° ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ jQuery слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ Ρƒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ слайдСра. Он Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²ΠΈΠ΄Π΅ карусСли ΠΈ слайдСра Π½Π° основС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Owl Carousel – Jquery слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Owl carousel – слайдСр с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ сСнсорных экранов ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ drag and drop, Π»Π΅Π³ΠΊΠΎ встраиваСмый Π² HTML – ΠΊΠΎΠ΄. Плагин являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… слайдСров, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС карусСли Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠΉ – Π»ΠΈΠ±ΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

3D галСрСя – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ 3D – ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹, основанныС Π½Π° CSS – стилях ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Javascript ΠΊΠΎΠ΄Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

3D ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с использованиСм TweenMax.js ΠΈ jQuery

ВСликолСпная 3D ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ. ΠŸΠΎΡ…ΠΎΠΆΠ΅, Ρ‡Ρ‚ΠΎ это Π΅Ρ‰Π΅ Π±Π΅Ρ‚Π° – вСрсия, ΠΏΠΎΡ‚ΠΎΠΌΡƒ ΠΊΠ°ΠΊ я ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ» ΠΏΠ°Ρ€Ρƒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с Π½Π΅ΠΉ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ сСйчас. Если Π²Ρ‹ заинтСрСсованы Π² тСстировании ΠΈ создании Π²Π°ΡˆΠΈΡ… собствСнных слайдСров – эта ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ большим ΠΏΠΎΠ΄ΡΠΏΠΎΡ€ΡŒΠ΅ΠΌ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с использованиСм bootstrap

Адаптивный слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с использованиСм Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ bootstrap ΠΊΠ°ΠΊ Ρ€Π°Π· для вашСго Π½ΠΎΠ²ΠΎΠ³ΠΎ Π²Π΅Π±-сайта.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

ΠžΡΠ½ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½Π° Bootstrap – Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ΅ слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Moving Box

НаиболСС вострСбованный Π½Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ бизнСс сайтах. ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ‚ΠΈΠΏ слайдСра – карусСли часто встрСчаСтся Π½Π° сайтах любого Ρ‚ΠΈΠΏΠ°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Tiny Circleslider

Π­Ρ‚ΠΎ слайдСр ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π³ΠΎΡ‚ΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° устройствах с Π»ΡŽΠ±Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ экрана. Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π² ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΌ, Ρ‚Π°ΠΊ ΠΈ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. Tiny circle прСдставлСн ΠΊΠ°ΠΊ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Π΄Ρ€ΡƒΠ³ΠΈΠΌ слайдСрам ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ встроСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм IOS ΠΈ Android.

Π’ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ слайдСр выглядит довольно интСрСсно. ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΌΠ΅Ρ‚ΠΎΠ΄Π° drag and drop ΠΈ систСма автоматичСской ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ слайдов.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Thumbelina

ΠœΠΎΡ‰Π½Ρ‹ΠΉ, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ, слайдСр ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΠΊ соврСмСнному сайту. ΠšΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Π»ΡŽΠ±Ρ‹Ρ… устройствах. Π˜ΠΌΠ΅Π΅Ρ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌΡ‹. Π•Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ всСго Π΄ΠΎ 1 ΠšΠ‘. Π£Π»ΡŒΡ‚Ρ€Π° ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΊΠΎ всСму ΠΏΡ€ΠΎΡ‡Π΅ΠΌΡƒ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ»Π°Π²Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Wow – слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚ Π±ΠΎΠ»Π΅Π΅ 50 эффСктов, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π² создании ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ слайдСра для вашСго сайта.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Адаптивный jQuery слайдСр ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° bxSlider

Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ адаптируСтся слайдСр. Bxslider поставляСтся Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ с 50 Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ настроСк ΠΈ дСмонстрируСт свои Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ эффСктами ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ².

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹| Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

jCarousel

jCarousel – jQuery ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ просмотр Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’Ρ‹ смоТСтС с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ карусСли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· основы ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ….

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹| Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Scrollbox – jQuery ΠΏΠ»Π°Π³ΠΈΠ½

Scrollbox ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для создания слайдСра – карусСли ΠΈΠ»ΠΈ тСкстовой Π±Π΅Π³ΡƒΡ‰Π΅ΠΉ строки. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя эффСкт Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ с ΠΏΠ°ΡƒΠ·ΠΎΠΉ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

dbpasCarousel

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ быстрый ΠΏΠ»Π°Π³ΠΈΠ½ – этот ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π½Π° 100%. ΠŸΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с основными функциями, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ слайдСра.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Flexisel: Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ JQuery ΠΏΠ»Π°Π³ΠΈΠ½ слайдСра – карусСли

Π‘ΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΠΈ Flexisel Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΠ»ΠΈΡΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ старой ΡˆΠΊΠΎΠ»Ρ‹ jCarousel, сдСлав Π΅Π³ΠΎ копию, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ Π½Π° ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ слайдСра Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π½Ρ‹Ρ… устройствах.

Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ Flexisel, ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах, отличаСтся ΠΎΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Flexisel ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π° экранах, ΠΊΠ°ΠΊ с Π½ΠΈΠ·ΠΊΠΈΠΌ, Ρ‚Π°ΠΊ ΠΈ высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Elastislide – Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Elastislide ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ адаптируСтся ΠΏΠΎΠ΄ Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана устройства. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ минимальноС количСство ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ. Π₯ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² качСствС слайдСра – карусСли с Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΎΠ±Π΅Ρ€Ρ‚ΠΊΡƒ совмСстно с эффСктом Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€| Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

FlexSlider 2

Π‘Π²ΠΎΠ±ΠΎΠ΄Π½ΠΎ распространяСмый слайдСр ΠΎΡ‚ Woothemes. По ΠΏΡ€Π°Π²Ρƒ считаСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… слайдСров. Плагин содСрТит нСсколько шаблонов ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΊΠ°ΠΊ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‚Π°ΠΊ ΠΈ экспСртам.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€| Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Amazing Carousel

Amazing Carousel – Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ слайдСр ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° jQuery. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ мноТСство систСм управлСния сайтами, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ WordPress, Drupal ΠΈ Joomla. Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Android ΠΈ IOS ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ. ВстроСнныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ amazing carousel ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слайдСр Π² Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ, Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΌ ΠΈ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ°Ρ….

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Thumbnail Carousel – адаптивная галСрСя ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π‘Π°ΠΌΡ‹ΠΌ простым руководством ΠΊ этому ΠΏΠ»Π°Π³ΠΈΠ½Ρƒ являСтся рСкомСндация просто ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΡƒΡŽ Π³Π°Π»Π΅Ρ€Π΅ΡŽ с эскизами. Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ Π΅ΡΡ‚ΡŒ Π² свободном доступС. Плагин Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ устройствами.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ Liquid Carousel

Liquid carousel ΠΏΠΎΡ…ΠΎΠΆ Π½Π° Elastislide Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, содСрТащий слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π΅Π½ ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ экрана.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ CarouFredsel

CarouFredSel – ΠΏΠ»Π°Π³ΠΈΠ½, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТимоС сайтов Flickr, 500px ΠΈ instagram. А Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ собствСнныС изобраТСния Π² карусСли. jQuery вСрсия распространяСтся бСсплатно ΠΈ доступна Π½Π° github.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Адаптивный бСсконСчный слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Плагин, ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΡƒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ выполняСтся ΠΏΠΎ ΠΊΡ€ΡƒΠ³Ρƒ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

Tikslus Carousel 2.0

Π­Ρ‚ΠΎΡ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ слайдСр – ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΎΠ²ΡƒΡŽ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ стрСлок для ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ слСдуСт ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² полноэкранном Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠŸΠ°ΡƒΠ·Π°Β» Π² ΠΎΠΊΠ½Π΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π― ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ этот ΠΏΠ»Π°Π³ΠΈΠ½ пригодится для ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ | Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Β 

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ β€œ25 Free Responsive Jquery Carousel Slider Plugins” Π±Ρ‹Π» ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ Π΄Ρ€ΡƒΠΆΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° БайтостроСниС ΠΎΡ‚ А Π΄ΠΎ Π―.

JQuery Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ БСсконСчная ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ — CodeRoad

Π― искал послСдниС Π΄Π²Π° часа, Π΅ΡΡ‚ΡŒ Π»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄Π΅Π»Π°Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ БСсконСчный эффСкт карусСли? Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌ Π²ΠΎΡ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚:

Vertical Infinite Carousel Layout

К соТалСнию, Ρƒ мСня Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅Ρ‚ Π½ΠΈ ΠΎΠΏΡ‹Ρ‚Π°, Π½ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ прямо сСйчас, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ этого чистым Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅ΠΌ… Π”Π°ΠΆΠ΅ просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠ½Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ…

Π›ΡŽΠ±Π°Ρ ΠŸΠΎΠΌΠΎΡ‰ΡŒ ΠžΡ‡Π΅Π½ΡŒ ЦСнится

javascript jquery jquery-plugins

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Dawid van der Hoven Β  Β  29 мая 2013 Π² 09:52

5 ΠžΡ‚Π²Π΅Ρ‚ΠΎΠ²


ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ kelunik Β  Β  29 мая 2013 Π² 10:00


ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ user2239256 Β  Β  29 мая 2013 Π² 09:59



0

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ carouFredSel. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π±Π΅ΡΠΊΠΎΠ½Π΅Ρ‡Π½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ & ΠΈΠΌΠ΅Π΅Ρ‚ простой Π² использовании Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° Π½Π° сайтС.

http://caroufredsel.dev7studios.com/

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Francis Kim Β  Β  29 мая 2013 Π² 09:54


ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ AlphaMale Β  Β  29 мая 2013 Π² 09:58



0

НС ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ подходят, Π½ΠΎ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ:

ΠšΡ€ΠΎΡˆΠ΅Ρ‡Π½Π°Ρ ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

jq.carousel

ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ crousel

http://ryrych.github.io/rcarousel/

jQuery.silver_track

bx слайдСр

Elastislide

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Danny Β  Β  27 сСнтября 2015 Π² 05:45



Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jquery ΠΈΠ»ΠΈ javascript нСпрСрывная

ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Lastest NEWS. И ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ бСсконСчным ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΌΡ‹ΡˆΠΈ… всС происходит автоматичСски. поТалуйста, ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½Π°…


JQuery Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ бСсконСчная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°

Π£ мСня Π΅ΡΡ‚ΡŒ нСбольшая ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ карусСли. Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ JQuery, HTML ΠΈ CSS для этого ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. ИдСя состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ бСсконСчно ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ, ΠΎΠ½…


доступная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ / слайдСр трСбуСтся

ПослС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… часов поиска я всС Π΅Ρ‰Π΅ Π½Π΅ ΠΌΠΎΠ³Ρƒ Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½Ρ‹ΠΉ carousel/slider. это Π½Π° самом Π΄Π΅Π»Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ, Π½ΠΎ Π΅Π³ΠΎ Π½Π΅ доступны Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ javascript ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, всС…


Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jQuery

Π― ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ,моя пСрвая ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ° Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ. http://jsfiddle.net/PmNM5 / HTML содСрТит UL LI, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ LI ΠΈΠΌΠ΅Π΅Ρ‚ 2 изобраТСния, ΠΎΠ±Π° ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠΌΠ΅ΡŽΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 242px ΠΈ высоту = 81px Из…


Jquery Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π½ΠΎΠΌΠ΅Ρ€ индСкса для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта Π² массивС ΠΈ устанавливаСт этот индСкс Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ Rel бСсконСчная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Π― ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Jquery Infinite Carousel Π² динамичСском ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° основС Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ изобраТСния. МнС Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ индСкс элСмСнта Li, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ…


Jquery Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

Π—Π½Π°Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹, Ρ‡Ρ‚ΠΎ любая ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jquery, которая Π½Π΅ нуТдаСтся Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ markup ΠΈΠ»ΠΈ so…here, — это ΠΌΠΎΠΉ markup: <ul class=navigation> <li class=navigation-top><a href=#…


jQuery бСсконСчная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ оставляСт пустоС пространство ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Π²Π»Π΅Π²ΠΎ

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jQuery для отобраТСния Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ тСкста. ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²ΠΏΠ΅Ρ€Π΅Π΄ (Π²ΠΏΡ€Π°Π²ΠΎ) (скрытый слайд появляСтся ΠΏΠ»Π°Π²Π½ΠΎ, ΠΏΠΎΠΊΠ° ΠΎΠ½ Π½Π΅…


Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ отсСкаСт изобраТСния

Π’ настоящСС врСмя я ΡΡ‚Ρ€Π΅ΠΌΠ»ΡŽΡΡŒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ Π³Π°Π»Π΅Ρ€Π΅Π΅ thumbanils, ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для отобраТСния 3 элСмСнтов Π·Π° ΠΊΠ»ΠΈΠΊ, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΠ½Π°…


jQuery бСсконСчная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ: ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ сбой двиТСния слайда

Π˜Ρ‚Π°ΠΊ, я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π±Π΅ΡΠΊΠΎΠ½Π΅Ρ‡Π½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jQuery, ΠΈ ΠΎΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ довольно Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π² ΠΎΠ΄Π½ΠΎΠΌ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ, Π½ΠΎ Π½Π΅ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ. Ну это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎ-Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ отчасти. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π±Π΅ΡΠΊΠΎΠ½Π΅Ρ‡Π½ΡƒΡŽ…


БСсконСчная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с ванилью JavaScript

Π― ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с чистым JavaScript. Π― Π±ΠΎΡ€ΡŽΡΡŒ с ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΎΠΌ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ эффСктивного способа добавлСния ΠΎΠΏΡ†ΠΈΠΈ infinite carousel . По Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт…


Jquery Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ — CodeRoad

Π—Π½Π°Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹, Ρ‡Ρ‚ΠΎ любая ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jquery, которая Π½Π΅ нуТдаСтся Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ markup ΠΈΠ»ΠΈ so…here, — это ΠΌΠΎΠΉ markup:

<ul>
    <li><a href="#" title="Up"><span></span></a></li>
    <li><a href="#" title="Shopping">Shopping1</a></li>
    <li><a href="#" title="Shopping">Shopping2</a></li>
    <li><a href="#" title="Shopping">Shopping3</a></li>
    <li><a href="#" title="Shopping">Shopping4</a></li>
    <li><a href="#" title="Shopping">Shopping5</a></li>
    <li><a href="#" title="Shopping">Shopping6</a></li>
    <li><a href="#" title="Shopping">Shopping7</a></li>
    <li><a href="#" title="Shopping">Shopping8</a></li>

    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Shopping">Shopping</a></li>
    <li><a href="#" title="Up"><span></span></a></li>
</ul><!--[end]  /.navigation-->
jquery jquery-plugins

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Uffo Β  Β  28 ноября 2009 Π² 00:49

2 ΠžΡ‚Π²Π΅Ρ‚Π°


ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ fviktor Β  Β  28 ноября 2009 Π² 01:07


ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ minnur Β  Β  20 августа 2014 Π² 20:59



Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jquery ΠΈΠ»ΠΈ javascript нСпрСрывная

ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Lastest NEWS. И ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ бСсконСчным ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΌΡ‹ΡˆΠΈ… всС происходит автоматичСски. поТалуйста, ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½Π°…


Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jQuery

Π― ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ,моя пСрвая ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ° Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ. http://jsfiddle.net/PmNM5 / HTML содСрТит UL LI, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ LI ΠΈΠΌΠ΅Π΅Ρ‚ 2 изобраТСния, ΠΎΠ±Π° ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠΌΠ΅ΡŽΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 242px ΠΈ высоту = 81px Из…


Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ отсСкаСт изобраТСния

Π’ настоящСС врСмя я ΡΡ‚Ρ€Π΅ΠΌΠ»ΡŽΡΡŒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ Π³Π°Π»Π΅Ρ€Π΅Π΅ thumbanils, ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для отобраТСния 3 элСмСнтов Π·Π° ΠΊΠ»ΠΈΠΊ, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΠ½Π°…


jCarousel Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с jQuery

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ jCarousel. МоТно Π»ΠΈ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. Π’Π°ΠΊ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, я ΠΌΠΎΠ³ Π±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΊ Π½Π΅ΠΉ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ jQuery, Ρ‡Ρ‚ΠΎΠ±Ρ‹, ΠΊΠΎΠ³Π΄Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Π±Ρ‹Π»Π° Π½Π°ΠΆΠ°Ρ‚Π°, ΠΎΠ½Π° пСрСмСстила…


jQuery бСсшовная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

МнС Π½ΡƒΠΆΠ΅Π½ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для бСсконСчной карусСли, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Π΅ΡΡˆΠΎΠ²Π½Ρ‹ΠΉ ΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ мСстополоТСниС. Π― ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π» CorouFredSel, Π½ΠΎ послС скольТСния Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ слайд эта ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ создаСт пустоС…


jquery div ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ

МнС интСрСсно, ΠΊΠ°ΠΊ я создаю ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jQuery, Π³Π΄Π΅ я ΠΌΠΎΠ³Ρƒ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ divs, Π° Π½Π΅ изобраТСния. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ я Ρ…ΠΎΡ‡Ρƒ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ тСкстом описания. Π Π°Π·Π²Π΅ это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ? И ΠΊΠ°ΠΊ это…


jQuery ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Застряла (Twitter Бутстрап)

Π― Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π» ΠΏΠ»Π°Π³ΠΈΠ½ Twitter Bootstrap Carousel jQuery здСсь: http://zarin.me/circlefive/dashboard.html (см. Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ ) ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚, Π½ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° застрСваСт. Π­Ρ‚ΠΎ особСнно…


Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ автозапуск ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½ΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ для ΠΌΠΎΠ΅Π³ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ школьного ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. всС Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ автозапуска. Π’ΠΎΡ‚ ΠΊΠΎΠ΄ для автозапуска ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ: $(#upcoming).tinycarousel({…


jQuery ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с ΠΏΠ΅ΠΉΠ΄ΠΆΠ΅Ρ€ΠΎΠΌ Π² Drupal

Π― ΠΈΡ‰Ρƒ Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ jQuery для Drupal. ВрСбования : ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΠ΅ΠΉΠ΄ΠΆΠ΅Ρ€ (ΠΌΠΈΠ½ΠΈ-навигация, Π³Π΄Π΅ люди ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ слайд ΠΎΠ½ΠΈ хотят Π²ΠΈΠ΄Π΅Ρ‚ΡŒ) ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с Drupal 6 ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с jQuery…


jQuery ΠšΡ€ΡƒΠ³ΠΎΠ²Π°Ρ ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ³ΠΎ Автопрокрутка

Π― нашСл классный ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΠ½Ρ‹ΠΉ сцСнарий ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Circular Content Carousel by Tympanus . Π­Ρ‚ΠΎ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ. ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ссылку more ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ элСмСнт пСрСмСщаСтся…


Π‘Π»Π°ΠΉΠ΄Π΅Ρ€Ρ‹ ΠΈ карусСли

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ для смСны Π΄Π²ΡƒΡ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ создания слайдСра «Π”ΠΎ» ΠΈ «ΠŸΠΎΡΠ»Π΅» с Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ для смСны Π΄Π²ΡƒΡ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ слайдСра «Π”ΠΎ» ΠΈ «ΠŸΠΎΡΠ»Π΅», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠΉΡ‚ΠΈ для Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ эффСкта сСкции.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
3D ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Cloud 9 Carousel

jQuery/Zepto ΠΏΠ»Π°Π³ΠΈΠ½ Cloud 9 Carousel для создания 3D карусСли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊΠΎΠ²

3D ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Cloud 9 Carousel

Π Π°Π½Π΅Π΅ ΡƒΠΆΠ΅ Π±Ρ‹Π»Π° Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ° 3D ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΎ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ слайдСр, Π½ΠΎ Cloud 9 Carousel ΠΈΠΌΠ΅Π΅Ρ‚ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС настроСк ΠΈ возмоТностСй.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
ΠŸΠ΅Ρ€Π΅Π»ΠΈΡΡ‚Ρ‹Π²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈ скроллингС

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ эффСкт смСны ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ колСсом ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΌΡ‹ΡˆΠΈ Π½Π° WebGL

ΠŸΠ΅Ρ€Π΅Π»ΠΈΡΡ‚Ρ‹Π²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈ скроллингС

Π”Π°Π½Π½Ρ‹ΠΉ слайдСр Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ стрСлок ΠΈ Ρ‚ΠΎΡ‡Π΅ΠΊ, Π° пСрСлистываниС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ происходит ΠΏΡ€ΠΈ скроллингС страницы.

Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠ½ Π½Π° Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°Ρ… TweenMax ΠΈ three.js

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ «Π”ΠΎ» ΠΈ «ΠŸΠΎΡΠ»Π΅»

Π‘ΠΊΡ€ΠΈΠΏΡ‚ Π½Π° jQuery ΠΈ jQuery UI для смСны ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ "Π”ΠΎ" ΠΈ "ПослС"

Π”Π°Π½Π½Ρ‹ΠΉ слайдСр Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π΅Ρ‚ Π΄Π²Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π° ΠΈ замСняСт ΠΈΡ… Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΡ‹ΡˆΠΈ.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π°ΠΉΠΌΠ»Π°ΠΉΠ½

Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ слайдСр ΡˆΠΊΠ°Π»Ρ‹ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° jQuery

Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π°ΠΉΠΌΠ»Π°ΠΉΠ½

Плагин «horizontal-timeline«, описанный Π² Π΄Π°Π½Π½ΠΎΠΉ Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π²Π΅Ρ€ΡΠΈΡŽ 1.0 ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ jQuery. Π‘ΠΎΠ»Π΅Π΅ Π½ΠΎΠ²ΡƒΡŽ Π΅Π³ΠΎ Π²Π΅Ρ€ΡΠΈΡŽ 2.0 Π½Π° чистом JS, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ‚ΡƒΡ‚ ΠΈΠ»ΠΈ Ρƒ Π°Π²Ρ‚ΠΎΡ€ΠΎΠ².

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
Анимированный эффСкт смСны Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° JS

ΠšΡ€Π°ΡΠΈΠ²Π°Ρ смСна Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ с использованиСм WebGL

Анимированный эффСкт смСны Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° JS

Π‘ΠΊΡ€ΠΈΠΏΡ‚, Ρ€Π΅Π°Π»ΠΈΠ·ΡƒΡŽΡ‰ΠΈΠΉ Π΄Π°Π½Π½ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ curtains.js

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
Π“Π°Ρ€ΠΌΠΎΡˆΠΊΠ° ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° jQuery

Плагин jQuery splits-slider Plugin для создания Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ

Π“Π°Ρ€ΠΌΠΎΡˆΠΊΠ° ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° jQuery

Автор Π½Π°Π·Π²Π°Π» Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ слайдСром, Π½ΠΎ ΠΌΠ½Π΅ ΠΎΠ½ большС Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
Π Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ изобраТСния

Π‘ΠΊΡ€ΠΈΠΏΡ‚ splitpic.js для смСны ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ

Π Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ изобраТСния

ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ эффСкт, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΎΠ΄Π½Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈΠ»ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для ΠΏΠΎΠΊΠ°Π·Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π”Πž ΠΈ ΠŸΠžΠ‘Π›Π• ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠ°Ρ€Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅
Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Vegas

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ Vegas, Π΅Π³ΠΎ установка, настройки, анимация, ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, события ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Vegas

VEGAS BACKGROUND SLIDESHOW β€” это ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΈΠ»ΠΈ Zepto для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π»ΠΎΠΊΠΎΠ² ΠΈΠ»ΠΈ всСй страницы. Он ΠΈΠΌΠ΅Π΅Ρ‚ массу настроСк ΠΈ эффСктов Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

Π’ этой Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ΅ рассмотрим Π΅Π³ΠΎ ΠΏΠΎΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅

ΠŸΡ€ΠΎΡΡ‚Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π½Π° JQuery для любого сайта с Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ ΠΈ подписями

Если Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠ° обычная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, которая Π±Ρ‹ пролистывала изобраТСния с подписями, Ρ‚ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ карусСли Π²Π°ΠΌ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ Π½ΠΈΠΊΠΎΠ³Π΄Π°.

Π‘Ρ€Π°Π·Ρƒ ΠΎΠ³ΠΎΠ²ΠΎΡ€ΡŽΡΡŒ ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π΅ — ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ с Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΌΠ΅Π½ΡΡ‚ΡŒ врСмя самой ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ! ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠ»ΠΈΡΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ стрСлок Π²ΠΏΠ΅Ρ€Π΅Π΄/Π½Π°Π·Π°Π΄. Многим Π²Π΅Π± мастСрам Π½ΡƒΠΆΠ½Π° ΠΈΠΌΠ΅Π½Π½ΠΎ такая ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ. ΠŸΡ€ΠΈ большом ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π΄ΠΎ Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ (ΠΏΠΎ ΠΏΡ€ΠΎΡΡŒΠ±Π°ΠΌ трудящихся ΡƒΠΆΠ΅ сдСлал), Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ пСриодичСский Ρ‚Π°ΠΉΠΌΠ΅Ρ€ Π² Java Script ΠΈ Π·Π°Ρ†ΠΈΠΊΠ»ΠΈΠ² дСйствиС Π½Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ changeSlideMix().

Данная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° JQuery с нСбольшим скриптом. ΠŸΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° стрСлку Π²ΠΏΠ΅Ρ€Π΅Π΄ ΠΈΠ»ΠΈ Π½Π°Π·Π°Π΄ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ строго ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. Когда Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ послСднСй Ρ„ΠΎΡ‚ΠΎ, Ρ‚ΠΎ ΠΊΠ°ΠΊ Π±Ρ‹ пСрСбрасываСт ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π² ΠΊΠΎΠ½Π΅Ρ†. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, получаСтся красивая, ΠΊΠ°ΠΊ Π±Ρ‹ бСсконСчная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° Π² карусСли.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ карусСли Π΅Ρ‰Π΅ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° являСтся Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ — ΠΊΠ°ΠΊ Π±Ρ‹ Π²Ρ‹ Π½Π΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π»ΠΈ экран — ΠΎΠ½Π° подстраиваСтся ΠΏΠΎΠ΄ Π½Π΅Π³ΠΎ (Ссли ваши css стили Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚ΠΎΠ²Π°Ρ‚ΡŒ). Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ нСсколько Ρ‚Π°ΠΊΠΈΡ… карусСлСй Π½Π° сайтС (Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π΅Π· Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ (ΠΈΠ½Π°Ρ‡Π΅ мСняйтС сСлСкторы Π² ΠΊΠΎΠ΄Π΅ ΠΈ карусСлях)) — просто ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π² html ΠΊΠΎΠ΄.

НСкоторыС особСнности:
— Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ ΠΈΠ»ΠΈ Π·Π°ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ строку 20 Π² index.html.
— Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ врСмя ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ карусСли Π² этой ΠΆΠ΅ строкС помСняйтС 2000 Π½Π° своС число, Π³Π΄Π΅ 1000 это 1 сСк.
— Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° шла слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ помСняйтС Π² 20 строкС .slider-nextmix Π½Π° .slider-prevmix
— Π¨ΠΈΡ€ΠΈΠ½Π° самих Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ сСйчас 175px — мСняСтся Π² ul.sm-slider li
— ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° высоту карусСли (.horizontal-slidermix) — сСйчас 190px. ΠŸΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ стилСй, это ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ понадобится

Данная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для лэндингов ΠΈ Π»ΡŽΠ±Ρ‹Ρ… сайтов с систСмой управлСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Joomla ΠΈΠ»ΠΈ WordPress.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅

blogprogram.ru | 2016-05-11 | ΠŸΡ€ΠΎΡΡ‚Π°Ρ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π½Π° JQuery для любого сайта с Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ ΠΈ подписями | Если Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠ° обычная ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, которая Π±Ρ‹ пролистывала изобраТСния с подписями, Ρ‚ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ карусСли Π²Π°ΠΌ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ Π½ΠΈΠΊΠΎΠ³Π΄Π°. Π‘Ρ€Π°Π·Ρƒ ΠΎ | http://blogprogram.ru/wp-content/uploads/2016/05/screen-131×131.png

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *