ადაპტური სლაიდერების დამატება. უფასო JQuery სლაიდერების აპლიკაციები სურათებისთვის Jquery სრულგვერდიანი სლაიდერი

გალერეის სურათები სლაიდერის ხედში. როდესაც დავიწყე მასალის მომზადება ამ ფინალიზაციისთვის, ვიფიქრე, რომ მკაფიო მასალას უბრალოდ ორი შეუსაბამობა ექნებოდა, რის გამოც თემა დავტოვე. სურათების გალერეებიისეთივე ძველი, როგორც სამყარო და უკვე მოთხოვნადი. ჩემი გასაკვირი ის იყო, რომ საზღვარი არ იყო, თუ კანის გაღიზიანებისგან შეიძლებოდა გაერკვია, რა წესიერება იყო ჩემს თვალწინ. ამ კავშირის შედეგი არ იყო დიდი, მაგრამ, ჩემი აზრით, საკმარისი ასლები იქნება. მათ შორის არის როგორც ადაპტური გალერეის სურათებიასე რომ მე გალერეები.
სანამ ვისაუბრებდი, წინა თემაში შევაგროვე რამდენიმე გალერეის დანამატი WordPress-ისთვის, ასე რომ, თუ თქვენ გაქვთ ვებ გვერდი WordPress-ზე, ვფიქრობ, ძალიან გაგიხარდებათ.

1. Unite Gallery

ბეზკოშტოვნა, ადაპტირებული ფოტო და ვიდეო გალერეა JQuery ბიბლიოთეკის საფუძველზე. განვითარებისას აქცენტი კეთდება სიმარტივეს, ვიკორისტანიასა და მორგებაზე. მნიშვნელოვანია გქონდეთ მკაფიო დიზაინის თემების დიდი რაოდენობა და ასევე, რაც მნიშვნელოვანია, დიზაინის თემების მიხედვით წერის უნარი.

2. საპასუხო სურათების გალერეა მინიატურების კარუსელით

საპასუხო სურათების გალერეაკარუსელის გადახედვის ჩართვის ფუნქციით. წინასწარ ჩამტვირთავი ადაპტირდება თქვენი ეკრანის ზომასთან და ზრდის გამოსახულების ზომას.

4. სრული გვერდის სურათების გალერეა jQuery-ით

Კიდევ ერთი სრული ეკრანის სურათების გალერეა. "როძინკას" ეს თვისება არის დიდი სრულეკრანიანი გამოსახულების გადაადგილება დათვის პოზიციასთან შედარებით.
ესკიზების ზოლი ეკრანის ბოლოში ავტომატურად გადახვევს, როდესაც მომხმარებელი აძრავს მაუსს.

5. სლაიდერის გალერეა jQuery-ით

იდეალურია გალერეების ალბომებად დაყოფისთვის. ალბომის არჩევისას ნაჩვენები იქნება ესკიზები საჩვენებლად გამოიყენეთ სლაიდერი.

6. გალერია

კარგად დაპროექტებული საპასუხო სურათების გალერეაგთხოვთ, აჩვენოთ ფოტოები და ვიდეო გალერეები Flickr-დან, Picasa-დან, YouTube-დან და სხვათაგან. მობილური მოწყობილობებიდა სრული ეკრანის რეჟიმში მუშაობის შესაძლებლობა. ხელმოწერების ჩვენების შესაძლებლობა. გადახდილი

ეს არის ადაპტური სენსორული სლაიდერი, დაწერილი jQuery-ში. ამ მოდულის ძრავა იყენებს CSS3 ანიმაციებს და ამავდროულად გადასცემს სარეზერვო ასლებს ბრაუზერების ძველი ვერსიებისთვის. Glide.js მარტივი და მარტივი გამოსაყენებელია.

ვიკორისტანნია

1. მოყვება jQuery

მოდულის ერთადერთი შინაარსი არის jQuery, რომელიც ჯერ უნდა შევიტანოთ:

2. დააკავშირეთ Glide.js

3. დაამატეთ html

ძირითადი სტილები შედის.

ნაკატაემო html სტრუქტურასლაიდერი.

4. ინიციალიზაცია

ჩვენ ვიწყებთ სლაიდერს კორექტირების შემდეგ კორექტირების შემდეგ.

...ან ჩვენ თვითონ გამოვასწორებთ

Დაყენება

ხელმისაწვდომი პარამეტრების სია:

Პარამეტრი	მნიშვნელობა zamovchuvannyam	ტიპი	აღწერა
ავტომატური ჩართვა	4000	int/bool	ავტომატური გადახვევა (false გამორთულია)
ჰოვერპაუზა	მართალია	ბული	შეამცირეთ ავტომატური გადახვევა სლაიდერზე მაუსის გადატანისას
ანიმაციის დრო	500	ინტ	!!! ეს ვარიანტი მუშაობს, რადგან ბრაუზერს არ აქვს css3-ის მხარდაჭერა. ვინაიდან CSS3 მხარს უჭერს ბრაუზერს, მაშინ დანიური პარამეტრითქვენ უნდა შეცვალოთ .css ფაილი!!!
ისრები	მართალია	bool/string	ისრების ჩვენება/მიმაგრება/მიმაგრება. True სლაიდერის კონტეინერში ისრების ჩვენება. ყალბი მიღებისთვის. თქვენ ასევე შეგიძლიათ შეიყვანოთ კლასის სახელი (მაგალითად: ".class-name") სპეციალური HTML კოდის დასამაგრებლად
arrowsWrapperClass	სლაიდერი-ისრები	სიმებიანი	კლასი, რომელიც ენიჭება კონტეინერს ისრებით
arrowMainClass	სლაიდერი-ისარი	სიმებიანი	ძირითადი კლასი ყველა ისრისთვის
arrowRightClass	სლაიდერი-ისარი--მარჯვნივ	სიმებიანი	კლასი მარჯვენა ისრისთვის
arrowLeftClass	სლაიდერი-ისარი - მარცხნივ	სიმებიანი	კლასი მარცხენა ისრისთვის
arrowRightText	შემდეგი	სიმებიანი	ტექსტი მარჯვენა ისრისთვის
arrowLeftText	წინა	სიმებიანი	ტექსტი მარცხენა ისრისთვის
ნავი	მართალია	bool/string	სლაიდების ნავიგაციის ჩვენება/მიმაგრება/მიმაგრება. მართალია იმიჯისთვის. ყალბი მიღებისთვის
navCenter	მართალია	ბული	ნავიგაცია ცენტით
navClass	სლაიდერი-ნავი	სიმებიანი	ნავიგაციის კონტეინერის კლასი
navItemClass	slider-nav__item	სიმებიანი	კლასი ნავიგაციის ელემენტისთვის
navCurrentItemClass	slider-nav__item--მიმდინარე	სიმებიანი	კლასი ნავიგაციის ნაკადის ელემენტისთვის
კლავიატურა	მართალია	ბული	გადაახვიეთ სლაიდი მარცხენა/მარჯვენა ღილაკების დაჭერისას
შეხების მანძილი	60	int/bool	წახალისება წერტილისთვის (შეხება). ყალბი მინიშნებისთვის.
სანამ Init	ფუნქცია()()	ფუნქცია	გამოძახება, რომელიც იმუშავებს დანამატის ინიციალიზაციამდე
შემდეგ Init	ფუნქცია()()	ფუნქცია	გამოძახება, რომელიც ამოქმედდება მოდულის ინიციალიზაციის შემდეგ
გადასვლამდე	ფუნქცია()()	ფუნქცია	გამოძახება, რომელიც ამოქმედდება სლაიდერის გადახვევამდე
გადასვლის შემდეგ	ფუნქცია()()	ფუნქცია	გამოძახება, რომელიც ამოქმედდება სლაიდერის გადახვევის შემდეგ

API

vikoristan API-სთვის ჩაწერეთ glide ცვლილებაზე.

Var glide = $(".slider").glide().data("api_glide");

API მეთოდები ახლა თქვენთვის ხელმისაწვდომია.

Glide.jump(3, console.log ("Woooo!"));

• .current() - ჩართეთ მიმდინარე გვერდითი ნომერი
• .play() - დაიწყეთ ავტომატური გადახვევა
• .pause() - Zupinity autoscroll
• .next(გამოძახება) - გადაიტანეთ სლაიდერი წინ
• .prev(callback) - გადაიტანეთ სლაიდერი უკან
• .jump(დისტანცია, გამოძახება) - წინა სლაიდზე გადასვლა
• .nav(target) - მიამაგრეთ ნავიგაცია სიმღერის ელემენტს (მაგალითად: "body", ".class", "#id")
• .arrows(target) - მიამაგრეთ ისრები ერთ ელემენტზე (მაგალითად: "body", ".class", "#id")

1. მშვენიერი jQuery სლაიდშოუ

ველიკე სლაიდშოუ არ მუშაობსვიკიპედიის jQuery ტექნოლოგიებით.

2. jQuery მოდული "Scale Carousel"

მასშტაბური სლაიდშოუები jQuery-ის გამოყენებით. თქვენ შეგიძლიათ დააყენოთ სლაიდების ჩვენების ზომები თქვენთვის საუკეთესოდ.

3. jQuery მოდული "slideJS"

სლაიდერის ჩვენება ტექსტის აღწერილობით.

4. მოდული "JSliderNews"

5. CSS3 jQuery სლაიდერი

როდესაც კურსორს ატარებთ ნავიგაციის ისრებზე, გამოჩნდება შემდეგი სლაიდის წრიული ესკიზი.

6. ლამაზი jQuery „პრეზენტაციის ციკლის“ სლაიდერი

jQuery სლაიდერი გამოსახულების ხელმისაწვდომობის ინდიკატორით. სლაიდების ავტომატური შეცვლა გადატანილია.

7. jQuery მოდული „Parallax Slider“

სლაიდერი მოცულობითი ეფექტით ფონზე. ამ სლაიდერის ღერო მოთავსებულია ფონზე, რომელიც შედგება რამდენიმე ბურთისგან, რომელთაგან თითოეული ბრუნავს სხვადასხვა სითხის მიხედვით. შედეგი არის მოცულობითი ეფექტის იმიტაცია. ის ძალიან ლამაზად გამოიყურება, თქვენ თვითონ შეგიძლიათ მასში გადახვიდეთ. ეფექტი უფრო მშვიდად ჩნდება ბრაუზერებში, როგორიცაა Opera, გუგლ ქრომი,იე.

8. ახალი, მსუბუქი jQuery სლაიდერი "bxSlider 3.0"

დემო გვერდზე "მაგალითები" განყოფილებაში შეგიძლიათ იპოვოთ ინსტრუქციები ყველაფრისთვის შესაძლო ვარიანტებიამ მოდულის Vikoristan.

9. jQuery გამოსახულების სლაიდერი, მოდული "slideJS"

ელეგანტური jQuery სლაიდერი, რომელსაც ნამდვილად შეუძლია გაანათოს თქვენი პროექტი.

10. jQuery სლაიდშოუს მოდული „Easy Slides“ v1.1

ვწუხვარ jquery ვიკიმოდული სლაიდების ჩვენების შესაქმნელად.

11. “jQuery Slidy” მოდული

მსუბუქი jQuery მოდული სხვადასხვა აპლიკაციისთვის. სლაიდების ავტომატური შეცვლა გადატანილია.

12. jQuery CSS გალერეა სლაიდების ავტომატური ცვლილებით

სანამ არ დააჭერთ „წინ“ ან „უკან“ ისრებს, გალერეა ავტომატურად გადახვევს.

13. jQuery სლაიდერი "Nivo Slider"

ძალიან პროფესიონალური, ნათელი, მსუბუქი მოდული სწორი კოდით. სლაიდების შეცვლის მრავალი განსხვავებული ეფექტი გადაეცა.

14. jQuery სლაიდერი "MobilySlider"

ახალი სლაიდერი. jQuery სლაიდერი სხვადასხვა ეფექტებით, შეცვალეთ სურათი.

15. jQuery მოდული „Slider²“

მსუბუქი სლაიდერი სლაიდების ავტომატური შეცვლით.

16. ახალი javascript სლაიდერი

ავტომატურად შეცვალეთ სლაიდერი საჩვენებლად.

დანამატი სლაიდ შოუების განსახორციელებლად სლაიდების ავტომატური შეცვლით. თქვენ შეგიძლიათ აკონტროლოთ დამატებითი ესკიზური სურათების ჩვენება.

jQuery CSS სლაიდერისურათი NivoSlider მოდულიდან.

19. jQuery სლაიდერი „jShowOff“

დანამატი ერთად როტაციისთვის. ნავიგაციის სამი ვარიანტი: ნავიგაციის გარეშე (სლაიდ შოუს ფორმატის ავტომატური ცვლილებით), ნავიგაცია ღილაკების ხედში, ნავიგაცია გამოსახულების მინიატურების ხედში.

20. მოდული „ჩამკეტის ეფექტის პორტფოლიო“

ახალი jQuery მოდული ფოტოგრაფის პორტფოლიოს შესაქმნელად. გალერეამ დანერგა გამოსახულების შეცვლის მარტივი ეფექტი. ფოტოები სათითაოდ იცვლება ლინზის ჩამკეტის მსგავსი ეფექტით.

21. მსუბუქი javascript CSS სლაიდერი "TinySlider 2"

გამოსახულების სლაიდერის განხორციელება იყენებს Javascript და CSS.

22. ენის სლაიდერი „Tinycircleslider“

ელეგანტური მრგვალი სლაიდერი. სურათებს შორის გადასვლა ხდება ფსონის გასწვრივ წრის გადათრევით, რომელიც ჰგავს გულის ფსონს. ის მშვენივრად მოერგება თქვენს ვებსაიტს, თუ დიზაინში იყენებთ მრგვალ ელემენტებს.

23. გამოსახულების სლაიდერი jQuery-ის გამოყენებით

მსუბუქი სლაიდერი "სლაიდერის ნაკრები". იხილეთ სლაიდერი სხვადასხვა Vikonanni-სთვის: ვერტიკალური და ჰორიზონტალური. ასევე არსებობს სხვადასხვა სახის ნავიგაცია სურათებს შორის: ღილაკების „წინ“ და „უკან“ გამოყენებით, მაუსის ბორბლის გამოყენებით და სლაიდზე დაწკაპუნებით.

24. გალერეა მინიატურებით "Slider Kit"

გალერეა "სლაიდერის ნაკრები". ესკიზების გადახვევა მუშაობს როგორც ვერტიკალურად, ასევე ჰორიზონტალურად. თქვენ შეგიძლიათ გადაადგილდეთ სურათებს შორის მაუსის ბორბლის გამოყენებით, მაუსის დაჭერით ან კურსორის გადატანა მინიატურაზე.

25. jQuery სლაიდერი "Slider Kit"-ის ნაცვლად

ვერტიკალური და ჰორიზონტალური შინაარსის სლაიდერი jQuery-ის გამოყენებით.

26. jQuery სლაიდშოუ "Slider Kit"

სლაიდ შოუ სლაიდების ავტომატური ცვლილებით.

27. მსუბუქი პროფესიონალური javascript CSS3 სლაიდერი

სუფთა სლაიდერი jQuery-სა და CSS3-ზე დაფუძნებული, შექმნილი 2011 წელს.

jQuery სლაიდშოუ ესკიზებით.

29. გაამარტივეთ jQuery სლაიდების ჩვენება

სლაიდშოუ ნავიგაციის ღილაკებით.

30. Neumovirn slideshow jQuery "Skitter"

jQuery მოდული "Skitter" ლამაზი სლაიდშოუს შესაქმნელად. მოდული მხარს უჭერს 22 (!) ტიპის სხვადასხვა ანიმაციურ ეფექტს სურათების შეცვლისას. სლაიდებში ნავიგაციისთვის შეგიძლიათ გამოიყენოთ ორი ვარიანტი: დამატებითი სლაიდების ნომრების გამოყენება და დამატებითი ესკიზების გამოყენება. დემონსტრაციით გაოცება ადვილია, ეს ისეთი ნათელი აღმოჩენაა. გადასახედი ტექნოლოგიები: CSS, HTML, jQuery, PHP.

31. სლაიდშოუ "უხერხული"

ფუნქციური სლაიდ შოუ. სლაიდები შეიძლება გამოიყურებოდეს: მარტივი სურათები, სურათები წარწერებით, სურათები რჩევებით, ვიდეოები. ნავიგაციისთვის შეგიძლიათ გამოიყენოთ ისრები სლაიდების ნომრებზე და მარჯვენა/მარცხენა კლავიშები კლავიატურაზე. სლაიდშოუ რამდენიმე ვარიანტშია: ესკიზებით და მის გარეშე. ყველა ვარიანტის გადასახედად, გაიარეთ დემო #1 - დემო #6 და ჩვენ მას გამოვუშვებთ მხეცს დემო გვერდზე.

სლაიდერის გამოსახულებას აქვს ძალიან ორიგინალური დიზაინი, როგორც თქვენ წარმოიდგინეთ. სლაიდების შეცვლა ანიმაციურია. თქვენ შეგიძლიათ ნავიგაცია სურათებს შორის ისრებით. ასევე არის ავტომატური ცვლილება, სადაც შეგიძლიათ დააჭიროთ და გამორთოთ ღილაკი Play/Pause ღილაკის გამოყენებით.

jQuery სლაიდერის ანიმაცია. ფონის სურათებიავტომატურად მასშტაბირება ბრაუზერის ფანჯრის ზომის შეცვლისას. კანის სურათებისთვის ნაჩვენებია ბლოკი აღწერილობით.

34. "Flux Slider" სლაიდერი jQuery-ისა და CSS3-ის გამოყენებით

ახალი jQuery სლაიდერი. არაერთი მაგარი ანიმაციური ეფექტი სლაიდების შეცვლისას.

35. jQuery მოდული „jSwitch“

ანიმაციური jQuery გალერეა.

უფრო მარტივი სლაიდშოუ jQuery-ზე სლაიდების ავტომატური ცვლილებით.

37. მოდულის ახალი ვერსია "SlideDeck 1.2.2"

პროფესიონალური შინაარსის სლაიდერი. არსებობს სლაიდის ავტომატურად შეცვლის ვარიანტები, ასევე მაუსის ბორბლის გამოყენების ვარიანტი სლაიდებს შორის გადაადგილებისთვის.

38. jQuery სლაიდერი „Sudo Slider“

მსუბუქი გამოსახულების სლაიდერი jQuery-ის გამოყენებით. განხორციელების უამრავი ვარიანტია: გამოსახულების ჰორიზონტალური და ვერტიკალური ცვლილება, სლაიდის ნომერზე ინსტრუქციებით და მის გარეშე, წარწერებით და მის გარეშე, გამოსახულების ცვლილების სხვადასხვა ეფექტი. Є ფუნქცია ავტომატური შეცვლასლაიდები. განხორციელების აპლიკაციის ინსტრუქციები შეგიძლიათ იხილოთ დემო გვერდზე.

39. jQuery CSS3 სლაიდშოუ

სლაიდ შოუები ესკიზებით მხარს უჭერს სლაიდების შეცვლის ავტომატურ რეჟიმს.

40. jQuery Flux Slider

აჩვენეთ სლაიდერი გამჭვირვალე ეფექტებით.

41. მარტივი jQuery სლაიდერი

ელეგანტური გამოსახულების სლაიდერი jQuery-ის გამოყენებით.

ერთი საათი უძრავად დგომა და მასთან ერთად პროგრესი. იგი მოვიდა ინტერნეტში. თქვენ უკვე შეგიძლიათ ისწავლოთ როგორ შეცვალოთ გარეგანი სახესაიტები, განსაკუთრებით მათი დიდი პოპულარობის გამო საპასუხო დიზაინი. და კავშირში ბევრი ახალი გამოჩნდა ადაპტური jqueryსლაიდერები, გალერეები, კარუსელები ან მსგავსი დანამატები.
1. საპასუხო ჰორიზონტალური პოსტების სლაიდერი

ადაპტაციური ჰორიზონტალური კარუსელი დეტალური ინსტრუქციებიინსტალაციისგან. Vikonana-ს აქვს მარტივი სტილი, მაგრამ თქვენ შეგიძლიათ მისი სტილი თქვენთვის.

2. სლაიდერი Glide.js-ზე

ეს სლაიდერი შესაფერისია ნებისმიერი საიტისთვის. Glide.js ღია კოდით განიხილება აქ. სლაიდერის ფერები ადვილად შეიცვლება.

3. დახრილი შინაარსის სლაიდშოუ

ადაპტაციური სლაიდერი შინაარსით. ამ სლაიდერის მთავარი მახასიათებელია 3D ეფექტი, ისევე როგორც სხვადასხვა ანიმაციები, რომლებიც გამოჩნდება შემთხვევითი თანმიმდევრობით.

4. სლაიდერი Wikoristanny HTML5 ტილოთი

ძალიან ლამაზი და მიმზიდველი სლაიდერი ინტერაქტიული ნაწილებით. Vikonany დახმარებისთვის HTML5 ტილო,

5. სლაიდერი „სურათის მორფირება“

სლაიდერი მორფინგის ეფექტით (გლუვი ტრანსფორმაცია ერთი ობიექტიდან მეორეზე). რომელი სლაიდერი შეეფერება ვებ დეველოპერის ან ვებ სტუდიის პორტფოლიოს, რომელიც პორტფოლიოს ჰგავს?

6. წრის სლაიდერი

სლაიდერი ხედზე ახდენს გამოსახულების გადაბრუნების ეფექტს.

7. სლაიდერი ფონით

ადაპტირებადი სლაიდერი mix and match ფონით.

8. ადაპტური მოდის სლაიდერი

მარტივი, მსუბუქი და ადაპტირებული სლაიდერი საიტისთვის.

9. Slicebox - jQuery 3D გამოსახულების სლაიდერი(განახლებები)

Slicebox სლაიდერის ვერსია განახლებულია შესწორებებით და ახალი ფუნქციებით.

10. უფასო ანიმაციური საპასუხო გამოსახულების ბადე

JQuery მოდული მოქნილი გამოსახულების ბადის შესაქმნელად, რომელიც საშუალებას გაძლევთ გადააკეთოთ ფოტოები, აირჩიოთ სხვადასხვა ანიმაცია და დრო. ეს შეიძლება ჩაითვალოს, როგორც ფონი ან დეკორატიული ელემენტი საიტზე, ასე რომ, ჩვენ შეგვიძლია შევცვალოთ ახალი სურათების შერჩევითი გარეგნობა და მათი გადასვლები. ვიკი დანამატს აქვს მრავალი ვარიანტი.

11.Flex სლაიდერი

უნივერსალური, უფასო დანამატი თქვენი ვებსაიტისთვის. ეს მოდული ხელმისაწვდომია მრავალი სლაიდერის და კარუსელის ვარიანტში.

12. ფოტო ჩარჩო

ფოტორამა-ცე უნივერსალური მოდული. მას აქვს უამრავი პერსონალიზაცია, ყველაფერი მუშაობს სწრაფად და მარტივად და შეგიძლიათ ნახოთ სლაიდები მთელ ეკრანზე. სლაიდერის კონფიგურაცია შესაძლებელია როგორც ფიქსირებული ზომის ან ადაპტაციური, ესკიზებით ან მის გარეშე, წრიული გადახვევით ან მის გარეშე და მრავალი სხვა.

P.S.რამდენჯერმე დავაყენე სლაიდერი და პატივს ვცემ, რომ ის ერთ-ერთი საუკეთესოა

13. უფასო და ადაპტირებული 3D სლაიდერის გალერეა ესკიზებით.

ექსპერიმენტული გალერეის სლაიდერი 3DPanelLayoutბადით ცენტრალური ეფექტებიანიმაციები.

14. CSS3 სლაიდერი

ადაპტური Wiconia სლაიდერი დამატებითი css3 დახმარებისთვის შეუფერხებლად ჩნდებაშინაარსი და მსუბუქი ანიმაცია.

15. WOW სლაიდერი

WOW სლაიდერი- ეს სლაიდერი ნაჩვენებია დახვეწილი ვიზუალური ეფექტებით.

17. ელასტიური

ელასტიური სლაიდერი სრული ადაპტირებით და სლაიდების ესკიზებით.

18. ჭრილი

ეს არის სრულ ეკრანზე ადაპტირებული სლაიდერი CSS3 ანიმაციის გამოყენებით. Viconano სლაიდერს აქვს ორი ვარიანტი. ანიმაცია შექმნილია უნიკალური და ლამაზი.

19. ადაპტური ფოტო გალერეა პლუს

მარტივი, უფასო გალერეის სლაიდერი უნიკალური სურათებით.

20. საპასუხო სლაიდერი WordPress-ისთვის

ადაპტური სლაიდერი WP-სთვის.

21. Parallax Content Slider

სლაიდერი პარალაქსის ეფექტით და კანის ელემენტის კონტროლით დამატებითი CSS3-ის გამოყენებით.

22. სლაიდერი მუსიკის ბმულით

სლაიდერი ფარული შინაარსიდან გასასვლელი კოდი JPlayer. ეს სლაიდერი პროგნოზირებს პრეზენტაციას მუსიკით.

23. სლაიდერი jmpress.js-დან

ადაპტური სლაიდერი დაფუძნებულია jmpress.js-ზე და საშუალებას გაძლევთ გამოიყენოთ 3D ეფექტები სლაიდებზე.

24. Fast Hover Slideshow

სლაიდ შოუ შვედური მთქნარებისლაიდები. სლაიდები ციმციმებენ კურსორზე გადასვლისას.

25. გამოსახულების აკორდეონი CSS3-ით

აკორდეონის სურათი დამატებითი css3-ის გამოყენებით.

26. შეხებით ოპტიმიზებული გალერეის დანამატი

ეს არის ადაპტური გალერეა, რომელიც ოპტიმიზებულია სენსორული მოწყობილობებისთვის.

27. 3D გალერეა

3D კედლის გალერეა- შექმნილია Safari ბრაუზერი 3D ეფექტი გამოჩნდება. თუ სხვა ბრაუზერს იყენებთ, ფუნქციონირება კარგი იქნება, მაგრამ 3D ეფექტი არ ჩანს.

28. სლაიდერი გვერდიდან

ადაპტური სლაიდერი გვერდითი ნუმერაციით დამატებითი JQuery UI სლაიდერის უკან. იდეა არის ნავიგაციის მარტივი კონცეფციის გამოყენება. შესაძლებელია ყველა სურათის გადახვევა ან სლაიდების რემიქსი.

29. გამოსახულების მონტაჟი jQuery-ით

ავტომატურად გააფართოვეთ გამოსახულება, რათა მოერგოს ეკრანის სიგანეს. ძალიან მაგარია, როცა ვებსაიტზე ამუშავებ პორტფელს.

30. 3D გალერეა

მარტივი 3D წრის სლაიდერი css3 და jQuery გამოყენებით.

31. Სრული ეკრანის რეჟიმი 3D ეფექტით css3-ზე და jQuery-ზე

სლაიდერი სრულ ეკრანზე ნახვის საშუალებას იძლევა წინა გადასვლის ჩვენების.