დრო არ დგას მასთან და პროგრესთან. ეს დაზარალდა ინტერნეტის ხარჯებს. უკვე ხედავთ, როგორ იცვლება გარეგნობა საიტები, ადაპტური დიზაინი სარგებლობს განსაკუთრებით პოპულარული. და ამასთან დაკავშირებით არ იყო პატარა ახალი ადაპტური jquery sliders, გალერეები, კარუსელები ან მსგავსი დანამატები.
1. საპასუხო ჰორიზონტალური პოსტები სლაიდერი
ადაპტური ჰორიზონტალური კარუსელი დეტალური ინსტალაციის ინსტრუქციით. იგი ასრულებს მარტივი სტილით, მაგრამ თქვენ შეგიძლიათ სტილიზება ის თავს.
2. სლაიდერი glide.js
ეს სლაიდერი განკუთვნილია ნებისმიერი საიტისთვის. იგი იყენებს glide.js ღია წყარო. სლაიდერის ფერები ადვილად შეიძლება შეიცვალოს.
3. Tilted შინაარსი სლაიდშოუ
ადაპტური სლაიდერი შინაარსი. ამ სლაიდერის შედეგია 3D გამოსახულების ეფექტი, ისევე როგორც შემთხვევითი წესით გამოჩენა სხვადასხვა ანიმაციები.
4. Slider გამოყენებით HTML5 ტილო
ძალიან ლამაზი და შთამბეჭდავი სლაიდერი ინტერაქტიული ნაწილაკებით. იგი შესრულებულია HTML5 ტილოების გამოყენებით,
5. Slider "Morphing images"
სლაიდერი მორფინგის ეფექტით (გლუვი ტრანსფორმაცია ერთი ობიექტიდან მეორეზე). ამ მაგალითში, სლაიდერი კარგად არის შესაფერისი ვებ დეველოპერი პორტფელის ან ვებ სტუდია პორტფელის სახით.
6. წრიული სლაიდერი
სლაიდერი სახით წრეში გამოსახულების გადატრიალების ეფექტით.
7. სლაიდერი ბუნდოვანი ფონით
ადაპტური სლაიდერი გადართვის და დაბერების საწინააღმდეგოდ უკანა ფონზე.
8. ადაპტური მოდის სლაიდერი
უბრალო, მსუბუქი და ადაპტური სლაიდერი.
9. Slicebox - JQuery 3D გამოსახულება სლაიდერი (განახლებულია)
განახლებულია Slicebox Slider ვერსია აფიქსირებს და ახალ ფუნქციებს.
10.Free ანიმაციური საპასუხო გამოსახულების ქსივი
JQuery მოდული შექმნა მოქნილი გამოსახულების ქსელის, რომელიც გადართოთ სურათები გამოყენებით სხვადასხვა ანიმაცია და დრო. მას შეუძლია გამოიყურებოდეს კარგი, როგორც ფონზე ან დეკორატიული ელემენტი საიტზე, რადგან ჩვენ შეგვიძლია Customize შერჩევითი გამოჩენა ახალი სურათები და მათი გადასვლები. მოდული ხდება რამდენიმე ვერსიაში.
11. FlexSlider.
უნივერსალური უფასო მოდული თქვენს საიტზე. ეს მოდული ხდება სლაიდერისა და კარუსელების რამდენიმე ვარიანტში.
12. Photorama
Fotorama.- ეს არის უნივერსალური მოდული. მას აქვს ბევრი პარამეტრები, ყველაფერი სწრაფად და მარტივად მუშაობს, შესაძლებელია სლაიდების სანახავად მთელ ეკრანზე. სლაიდერი შეიძლება გამოყენებულ იქნას როგორც ფიქსირებული ზომა და ადაპტირებული, მინიატურების გარეშე და გარეშე, წრიული სენსორული და სხვა არაფერია.
P.S.განათავსეთ სლაიდერი რამდენჯერმე და მჯერა, რომ ის არის ერთ-ერთი საუკეთესო
13. უფასო და ადაპტური 3D გალერეა-სლაიდერი მინიატურებით.
ექსპერიმენტული გალერეა-სლაიდერი 3dpanellayout ერთად ქსელის და საინტერესო ანიმაციური ეფექტები.
14. სლაიდერი CSS3- ზე
ადაპტური სლაიდერი მზადდება CSS3- ის გამოყენებით, რომელიც გლუვი შინაარსისა და სინათლის ანიმაციის გამოყენებით.
15. Wow Slider.
Wow slider.- ეს არის სურათების სლაიდები განსაცვიფრებელი ვიზუალური ეფექტებით.
17. ელასტიური
ელასტიური სლაიდერი სრული ადაპტაციისა და მინიატურების სლაიდებით.
18. slit.
ეს არის სრულ ეკრანზე ადაპტური სლაიდერი CSS3 ანიმაციის გამოყენებით. სლაიდერი ორ ვერსიაშია შესრულებული. ანიმაცია საკმაოდ უჩვეულოდ და ლამაზია.
19. ადაპტური პლუს ფოტო გალერეა
მარტივი უფასო სლაიდერი გალერეა დიაგრამა გამოსახულებით.
20. ადაპტური სლაიდერი WordPress
ადაპტური უფასო სლაიდერი WP.
21. პარალექსის შინაარსი სლაიდერი
სლაიდერი პარალექსის ეფექტით და თითოეული ელემენტის კონტროლის გამოყენებით CSS3- ის გამოყენებით.
22. სლაიდერი მუსიკის სავალდებულოა
სლაიდერი ღია კოდის JPlayer- ის გამოყენებით. ეს სლაიდერი მუსიკასთან პრეზენტაციას ჰგავს.
23. სლაიდერი ერთად jmpress.js
ადაპტური სლაიდერი ეფუძნება jmpress.js და ამიტომ საშუალებას გაძლევთ გამოიყენოთ რამდენიმე საინტერესო 3D ეფექტები სლაიდები.
24. სწრაფი Hover სლაიდშოუ
სლაიდების შოუ სწრაფი გადართვის სლაიდებით. სლაიდების კონცენტრატორები კურსორის ჩათვლით.
25. გამოსახულება აკორდეონი CSS3- თან
Accordion სურათები CSS3.
26. შეხება ოპტიმიზირებული გალერეა მოდული
ეს არის ადაპტური გალერეა, რომელიც ოპტიმიზირებულია სენსორული მოწყობილობებისთვის.
27. 3D გალერეა
3D კედლის გალერეა.- შექმნილია Safari ბრაუზერისთვის, სადაც 3D ეფექტი ჩანს. თუ სხვა ბრაუზერს შეხედავთ, ფუნქციონირება იქნება ჯარიმა, მაგრამ არ იქნება 3D ეფექტისთვის.
28. სლაიდერი ერთად pagination
ადაპტური გვერდი ნუმერაციის სლაიდერი გამოყენებით jquery ui slider. იდეა არის მარტივი სანავიგაციო კონცეფციის გამოყენება. შესაძლებელია ყველა სურათის ან საფოსტო გადართვის გადახვევა.
29. Montage ერთად jQuery
ავტომატური გამოსახულების ადგილმდებარეობა დამოკიდებულია ეკრანზე სიგანეზე. ძალიან სასარგებლო რამ, როდესაც პორტფელის საიტის განვითარება.
30. 3D გალერეა.
მარტივი 3D წრიული სლაიდერი CSS3 და jQuery.
31. სრული ეკრანის რეჟიმი 3D ეფექტი CSS3 და JQuery
სლაიდერი ერთად სრულ ეკრანზე გამოსახულება ნახვის ლამაზი გარდამავალი.
გამოსახულება გალერეები და სლაიდერები არიან ერთ-ერთი ყველაზე პოპულარული jQuery ფორმატები. მადლობა მათ, თქვენ შეგიძლიათ დაამატოთ საჭირო მოცულობის ვიზუალური შინაარსი საიტი, ხოლო გადარჩენის ღირებული ადგილი.
გალერეები და სლაიდერები ქმნიან გვერდს ნაკლებად დატვირთული, მაგრამ მაინც საშუალებას მოგცემთ დაამატოთ შეტყობინებების გაგზავნისთვის საჭირო ყველა სურათი. ისინი განსაკუთრებით სასარგებლო იქნება და ონლაინ მაღაზიებში.
დღევანდელ სტატიაში ჩვენ შეგროვებული თქვენთვის ყველაზე გალერეა სურათები და jQuery sliders.
მათ დააყენოთ, საკმარისია შერჩეული დანამატები სათავეში Html გვერდები ერთად jQuery ბიბლიოთეკა და კონფიგურაცია მათ დოკუმენტაცია (მთელი წყვილი კოდი ხაზები).
ამოირჩიეთ რომელი ელემენტი სრულად შეესაბამება თქვენს პროექტს.
1. Bootstrap Slider
Bootstrap Slider არის უფასო, ოპტიმიზირებული მობილური მოწყობილობის სლაიდერი ერთად სენსორული ერთად სენსორული და დავარცხნა. ეს გამოიყურება საოცარი ნებისმიერ ეკრანზე და ნებისმიერ ბრაუზერში. თქვენ შეგიძლიათ ჩამოტვირთოთ სურათები, ვიდეო, ტექსტი, მინიატურები და ღილაკები სლაიდერებისთვის.
2. პროდუქტის გადახედვის სლაიდერი
პროდუქტის Preview Slider აერთიანებს მთელი პოტენციალი jQuery, ეს შესანიშნავად ჩართული ნებისმიერი ინტერფეისი. თქვენ ასევე გთხოვთ, გთხოვთ, ამ მოდულის კოდექსის ხარისხი და სისუფთავე.
3. გაფართოებული ფოტო გალერეა
Expandable Image Gallery არის განსაცვიფრებელი მოდული, რომ თაგვის ერთი დაჭერით აღმოჩნდება სრულ ეკრანზე გალერეა. ეს შეიძლება გამოყენებულ იქნას განყოფილებაში "ჩვენს შესახებ" ან საქონლის შესახებ ინფორმაციის სანახავად.
4. Fotorama.
Fotorama არის საპასუხო jQuery გალერეა მოდული, რომელიც მუშაობს ორივე Desktop და პორტალის ბრაუზერები. იგი გთავაზობთ ბევრ სანავიგაციო ვარიანტს: მინიატურები, სენსორული, ღილაკები "წინ" და "უკან", ავტომატური შოუ სლაიდშოუ და მარკერები.
5. immersive სლაიდერი
Immersive Slider საშუალებას გაძლევთ შექმნათ უნიკალური გამოცდილება ნახვის სლაიდები, მსგავსი Google TV Slider. თქვენ შეგიძლიათ შეცვალოთ ფონის სურათი, რომელიც ბუნდოვანია ძირითად ფოტოებზე.
6.
მინიმუმსი არის საპასუხო jQuery მოდული, რომელიც დაგეხმარებათ შექმნათ განსაცვიფრებელი გალერეა. როდესაც კურსორს გადაგიყვანთ სურათზე, ტექსტი გამოჩნდება, როდესაც ფანჯარაში დააჭირეთ, მთელ ეკრანზე გამოდის.
7. მოცურების პანელები თარგი
ეს მოდული იდეალურია პორტფელისთვის. იგი შექმნის სურათების ბლოკებს, რომლებიც მდებარეობს ჰორიზონტალურად (ვერტიკალურად პატარა ეკრანებზე), რომელთა შერჩეულ შინაარსი იქნება მიბმული.
8. Squeekebox პორტფელის თარგი
Squeekebox Portfolio Template გთავაზობთ მოძრაობის ეფექტებს პორტფელისთვის. კურსორი კურსორს მთავარ გამოსახულებას (ან ბლოკზე) მიბმული ელემენტებია.
9. shuffle images.
Shuffle გამოსახულება არის განსაცვიფრებელი საპასუხო მოდული, რომელიც საშუალებას მოგცემთ შექმნათ გალერეა სხვადასხვა სურათებით გამოსახულებით.
10. უფასო jQuery Lightbox მოდული
უფასო. jquery lightbox მოდული გეხმარებათ ერთი ან მეტი გამოსახულება ერთ გვერდზე. ასევე, ისინი შეიძლება გაფართოვდეს და დაბრუნდნენ საწყის ზომაში.
11. PGWSLider - საპასუხო სლაიდერი jQuery
PGWSlider არის მინიმალისტური გამოსახულება სლაიდერი. JQuery Code იწონის ცოტა, ასე რომ ჩამოტვირთვის სიჩქარე ამ მოდული იქნება სასიამოვნოდ გაოცება თქვენ.
12. მიმოფანტული პოლაროიდები გალერეა
მიმოფანტული Polaroids გალერეა - განსაცვიფრებელი სლაიდერი, დამზადებული ბინა დიზაინი. მისი ელემენტები ქაოტურად მოძრაობენ სურათების გადართვისას, რომლებიც საოცრად გამოიყურება.
13. Bouncy Content Filter
Bouncy Content Filter არის სრულყოფილი გამოსავალი და პორტფელი. ეს მოდული საშუალებას აძლევს მომხმარებლებს სწრაფად გადაადგილება ერთი კატეგორიიდან მეორეზე.
14. მარტივი jquery სლაიდერი
მარტივი jquery სლაიდერი ამართლებს თავის სახელს. ეს მოდული აერთიანებს javaScript ელემენტები, HTML5 და CSS3. ნაგულისხმევი დემო არის მხოლოდ ტექსტის ჩატვირთვა, მაგრამ თუ მრავალჯერადი ცვლილებების დამატება, შეგიძლიათ დაამატოთ ვიზუალური შინაარსი.
15. Glide JS.
Glide JS არის მარტივი, სწრაფი და რეაგირების jQuery სლაიდერი. ადვილია შექმნილი, გარდა ამისა, მოდული არ იღებს ბევრს.
16. სრულ ეკრანზე drag-slider ერთად Parallax
ეს განსაცვიფრებელი jQuery სლაიდერი ერთად შესაძლებლობა დატვირთვის სურათები და ტექსტი განკუთვნილია ნებისმიერი საიტი. ეს იქნება აღფრთოვანებული მომხმარებლებს მსუბუქი Parallax ეფექტი და ნელი გამოჩენა ტექსტი.
ავტორიდან: მიუხედავად იმისა, რომ ვებ გვერდების სავარაუდო "სიკვდილის" შესახებ ჭორები, სენსორების გარეშე, კარგი სლაიდერის საჭიროება არსად არ გაქრება. მოდი ვიყოთ პატიოსანი, მინიმუმ მეორე - sliders არიან გართობა. გარდა ამისა, მოძრავი შინაარსისგან განსხვავებით სხვა არაფერი არ იწვევს "WAU" ეფექტის გავლენას. ყველა sliders არის კომპლექტი რამდენიმე სლაიდები, რომ შეიცვალოს ერთმანეთს და აუცილებელია, რომ სლაიდერი კოდი უფრო ადვილია. ეს იმ შემთხვევაშია, რომ jQuery დაგვეხმარება.
შეხედეთ 20 jquery sliders საწყისი Envato Market ნახვა, და თქვენ გესმით, რომ არსებობს sliders, რომლებიც უფრო მეტი ვიდრე მხოლოდ ბლოკი ერთად შეუფერხებლად შეცვლის გამოსახულებები.
1. Royalslider - სენსორული გამოსახულება გალერეა jQuery
ახლა ადაპტური სლაიდერი ასევე არის მეგობრული ეკრანებზე, ეს იმას ნიშნავს, ვიდრე ადრე. Royalslider აერთიანებს ორივე ფუნქციებს: ადაპტირება და მუშაობა Touch Screens. კარგი არჩევანიმას შემდეგ, რაც გალერეა დაწერილია HTML5 და CSS3- ზე.
Ზოგიერთი საინტერესო ფუნქციები:
როგორ შევქმნათ საიტი?
მაღალი Customizability
მეტი 10 საწყისი შაბლონები
არსებობს FOLBACK FOR CSS3 TRANSIONS
ჩემი აზრით, მაგარი ფუნქცია არის "მოდულური სკრიპტის არქიტექტურა", რომელიც საშუალებას გაძლევთ გააუქმოთ არასასურველი ნივთები მთავარ JS ფაილზე, რითაც წონის შემცირება. Royalslider, სენსორული გამოსახულება გალერეა jQuery - საიმედო JavaScript სლაიდერი, რომელიც უნდა შეავსონ კომპლექტი ინსტრუმენტები ნებისმიერი დეველოპერი.
2. სლაიდერი რევოლუციის ადაპტური jQuery მოდული
არც ისე ადვილია რაღაც "რევოლუციური" სლაიდერით. როდესაც საქმე სლაიდებს, თქვენ შეგიძლიათ დაამატოთ ამდენი ფუნქციები მათში. თუმცა, სლაიდერის რევოლუცია მართლაც კარგი მცდელობაა. მათ შორის jQuery sliders, ეს მაგალითი აკმაყოფილებს ყველა შესაძლო მოთხოვნებს.
სლაიდერის თვისებების ჩამონათვალი იმდენად დიდია, ამიტომ ჩამოვლენ მხოლოდ მოსტს:
Pararallax ეფექტი და საბაჟო ანიმაცია
შეუზღუდავი რაოდენობის ფენები და სლაიდები მითითებით
მზად არის გამოიყენოთ, ღრმა საბაჟო სტილის
და უფრო მეტი
სოციალური ქსელების ჩართულ ვიდეო მოთამაშის და კავშირების დამატება სლაიდერულ რევოლუციას ერთ-ერთი ყველაზე მოქნილი და კონფიგურირებადი ვარიანტია ქსელში.
3. Layerslider ადაპტური jQuery მოდული სლაიდერი
სახელით "Layerslider Adaptive JQuery Plugin Slider" არ შეუძლია ამ სლაიდერის შეფასება.
200+ 2D და 3D Transitions შორის სლაიდები გემების ვინმეს შორის.
რამდენიმე შესანიშნავი ფუნქცია:
13 ტყავი და 3 მენიუს ტიპები
ფიქსირებული გამოსახულების მოთავსება სლაიდერზე
და jquery fallbek
Და უფრო მეტი
როგორც წინა სლაიდერით, თქვენ შეგიძლიათ დაამატოთ თითქმის ნებისმიერი შინაარსი, თუნდაც HTML5 მულტიმედიური შინაარსი. Layerslider აღორძინების sliders, გარდა ამისა, ეს ძალიან ლამაზია.
4. JQuery Banner Rotator / Slideshow
jQuery Banner Rotator / Slideshow არის საკმაოდ მარტივი სლაიდერი, რომელიც არ შესწირავს ძირითად ფუნქციებს.
შესაძლებლობები:
Tultty, ტექსტი ჩანართები და ა.შ.
Previews და სხვადასხვა პარამეტრები ნახვის კომპონენტები
ტაიმერი ერთი სლაიდერის დაგვიანებით ან ყველა
ყველა სლაიდების მრავალრიცხოვანი გადასვლები თითოეული ცალკე ცალკე
jQuery Banner Rotator / Slideshow შედარებით სხვა jquery sliders აქვს მხოლოდ ძირითადი შესაძლებლობებიმაგრამ არ დაივიწყოს მის შესახებ.
5. ყველა ერთ სლაიდერში - ადაპტური jQuery სლაიდერი მოდული
ქსელში გამოჩნდება ნებისმიერი სლაიდერი თავისი უნიკალური ხედვა და პრობლემებს წყვეტს მის სფეროში. მაგრამ ეს ასე არ არის. ყველა ერთ სლაიდერში შეიძლება "ყველა ჩათვლით".
მე ვფიქრობ, რომ ყველაზე ვებ დეველოპერებს და დიზაინერებს აქვთ დადასტურებული გადაწყვეტა, მაგრამ ისინი ყოველთვის ეძებენ რაღაცას. და ეს "რაღაც ახალი" მოიცავს:
Rotator ბანერები
ბანერი გადახედვისას
ბანერი კრებული
შინაარსის სლაიდერი
კარუსელი
ყველა ტიპის sliders მხარს უჭერს უმრავლესობას ფუნქციონირება, თუ არა ყველა რომ საჭიროა jQuery sliders. იქნება ყველა სლაიდერი გახდება თქვენი "ყველა ჩათვლით"?
6. Unoslider - ადაპტური სენსორული ეკრანი სლაიდერი
თუ თქვენი სლაიდერი არ არის ადაპტირება და მხარს არ უჭერს სენსორულ ეკრანებს, მაშინ არასწორი სლაიდერი გაქვთ. Unoslider არის უფლება ერთი.
ეს სლაიდერი აღმოჩნდა თავისი ადგილი მზეზე სიმარტივისა და მდიდარ ფუნქციებს შორის. ფუნქციები:
მხარდაჭერა თემა
12 მზა თემატიკა
40 გადასვლები
IE6 + მხარდაჭერის მხარდაჭერა
ყველა ფუნქცია ერთად კომპენსაცია დიზაინი და სტილი, რაც unoslider შესანიშნავი შინაარსის სლაიდერი ერთად შესაძლებლობა დაამატოთ თემები.
7. სამაგისტრო სლაიდერი - JQuery TouchScreen Slider
ვეძებთ "ერთი jQuery სლაიდერი ყველასთვის"? სცადეთ სამაგისტრო სლაიდერი - jquery touchscreen სლაიდერი სხვადასხვა ეკრანზე ზომის ...
როდესაც საქმე ეხება კარგი დიზაინი, ეს შემთხვევა ერთ-ერთი საუკეთესოა:
25-ზე მეტი თარგები
აპარატურა აჩქარების გადასვლები
მხარდაჭერა შეხება და svaypov
Და უფრო მეტი
ინტერაქტიული გარდამავალი, ანიმაციური ფენები და ცხელ წერტილები აუცილებლად მოზიდული თქვენი ყურადღება. სამაგისტრო სლაიდერი - ნამუშევრები.
8. Touchcarousel - JQuery Content Scroller და Slider
TouchCarousel იზიდავს უფასო მხარდაჭერას და განახლებებს. თუმცა, ეს არ არის ყველა ფუნქცია ამ მსუბუქი jQuery სლაიდერი ტიპის კარუსელი.
თუ სიტყვა "შეხება" იმყოფება ტიტულში, შეგიძლიათ გამოიცანით, რომ სლაიდერი სრულად ადაპტირებულია და მხარს უჭერს შეხება. სხვა მახასიათებლები:
SEO ოპტიმიზაცია
Smart avto თამაში
CSS3 აპარატურის აჩქარების გადასვლები
დააკონფიგურიროთ UI და 4 ტყავი Photoshop- ისთვის
TouchCarousel გამო მისი უნიკალური ფიზიკური გადახვევა სლაიდები ეს არის სრულიად ახალი დონის შეგრძნებები მობილური მოწყობილობები.
9. Advanced Slider - JQuery XML სლაიდერი
jQuery Sliders შეიძლება გამოყენებულ იქნას არა მხოლოდ საიტებზე. მათ შეუძლიათ ასევე მოსახერხებელი ვებ-პროგრამებში. გაფართოებული სლაიდერი საშუალებას გაძლევთ ამის გაკეთება.
HTML ან XML- ის მარკირებით, ეს მოწინავე სლაიდერი აქვს indelible შთაბეჭდილება:
ანიმაციური ფენები და ჭკვიანი ვიდეო
100+ გადასვლები და 150+ საბაჟო თვისებები
15 სკინები სლაიდერისთვის, 7 სკინით Scrollbar და ჩაშენებული მხარდაჭერის მსუბუქი
ნავიგაცია კლავიატურაზე, მხარდაჭერით გრძნობების და სრული Customizability
Და უფრო მეტი
თუმცა, ყველაზე მეტად Საუკეთესო მომავალი ეს მოწინავე სლაიდერი არის jQuery XML სლაიდერი API, რაც თქვენი ვებ აპლიკაციის სლაიდერის სრულ ვარიანტებს ქმნის.
10. JQuery Slider Zoom in / out ეფექტი სრულად რეაგირება
ერთი იმ jquery sliders, რომ თქვენ ხედავთ დემო სანამ დაიწყება კითხულობს მისი შესაძლებლობები. თქვენ უბრალოდ გვინდა, გავიგოთ, რა "zoom in / out ეფექტი" ნიშნავს.
Zoom ეფექტი საკმაოდ სუსტია, მაგრამ ის დასძენს კონტროლისა და გამოსახულების ამჟამინდელ შეხებას, ხოლო დარჩენილი სტატიკური სლაიდერი. სლაიდერის სპეციალური მახასიათებლები:
CSS3 Transitions შორის Layers
ანიმაციური დასასრული პარამეტრი ფენებისათვის
ფიქსირებული სიგანე პარამეტრები, სრული ეკრანი და ყველა სიგანე
ანიმაციური ტექსტი HTML და CSS ფორმატში
ყველაზე sliders ცდილობენ წარმოიდგინოთ იმდენი ეფექტი, რაც შეიძლება მეტი ეფექტი, და jQuery სლაიდერი zoom in / out ეფექტი სრულად რეაგირება არსებობს მხოლოდ ეფექტი კენ დამწვრობის, მაგრამ კარგად ხორციელდება.
11. jQuery კარუსელის ევოლუცია
როგორც ზემოთ მოყვანილი Slider - JQuery XML სლაიდერი, jQuery კარუსელის ევოლუცია აქვს საკუთარი API, რომელიც შეიძლება გამოყენებულ იქნას, რათა გაზარდოს ფუნქციონირება ან სლაიდერის ინტეგრაცია სხვა პროექტში.
როგორ შევქმნათ საიტი?
რა ტექნოლოგიები და ცოდნა საჭიროა დღეს, რათა შეიქმნას საიტები? შეიტყვეთ ინტენსიური!
სურათებით, HTML Markup, YouTube და Vimeo ვიდეო ასევე მიიღებთ:
SEO ოპტიმიზაცია
კარუსელის 9 სტილი
ჩრდილებისა და ასახვის შედეგები
გამოსახულების ზომა კონფიგურირებული იქნება, როგორც წინა და უკანა
jQuery კარუსელის ევოლუცია - მარტივი კარუსელი მრავალფეროვანი გამოყენების პარამეტრები.
12. Sexy Slider.
Sexy Slider არ არის ასე sexy როგორც ადრე. თუმცა, მისი ასაკის გამო, ეს სლაიდერი იმსახურებს ნდობას.
ერთი შეხედვით, სლაიდერი არ არის ძალიან შთამბეჭდავი, მაგრამ თუ კარგად არის კონფიგურირებული, ის სრულყოფილად შეესაბამება თქვენს დიზაინს. შესაძლებლობები:
სლაიდ ავტომატური მოთამაშეები
ხელმოწერები სურათებისათვის
უწყვეტი სათამაშო სლაიდები
6 გარდამავალი ეფექტი
Sexy Slider გელოდებათ გახსნას ყველა მისი ძალა და გამოავლინოს პოტენციალი.
13. JQuery Image & Content Scroll W / Lightbox
ყველა ამ დიზაინით მობილური მოწყობილობებისთვის და სენსორული ეკრანების მხარდასაჭერად, სასიამოვნოა, რომ ნახოთ jQuery სლაიდერი, რომელმაც არ დაივიწყოს კომპიუტერის კომპიუტერები.
jQuery Image & Content Scroll W / Lightbox მხარს უჭერს შეყვანის კლავიატურის და თაგვის წამყვანი, ისევე როგორც სხვა მახასიათებლები:
ჰორიზონტალური და ვერტიკალური ორიენტაცია
ტექსტური ხელმოწერები შიგნით ან გარეთ სლაიდერი
უნარი შექმნას გარკვეული რაოდენობის შესაბამისი სლაიდები
ჩამონტაჟებული სურათები, Flash, iFrame, Ajax და Inline Content
ასევე სლაიდერში არის ჩაშენებული მსუბუქი. სურვილისამებრ, თქვენ არ შეგიძლიათ გაიაროთ სლაიდერი თავად jQuery image & content scroller w / lightbox, მაგრამ ცალკე დაიწყოს Lightbox.
14. translucent - ადაპტური rotator ბანერები / სლაიდერი
ყველაზე jQuery sliders აქვს საკუთარი დიზაინი. თქვენ შეგიძლიათ დააკონფიგურიროთ იგი თქვენთვის, მაგრამ ზოგჯერ მხოლოდ სლაიდერის შიგნით. გამჭვირვალე წარმოდგენილია თქვენს ყურადღებას.
სლაიდერში ბევრი პროსტატია. თქვენ შეიძლება უბრალოდ უნდა დააყენოთ გარკვეული პარამეტრები და ეს არის ის. შესაძლებლობები:
6 სხვადასხვა სტილის
4 გარდამავალი ეფექტი
2 Swatch Transitions
დააკონფიგურიროთ ღილაკები და ხელმოწერები
ისევე როგორც სხვები, ეს სლაიდერი მხარს უჭერს შეხება, ადაპტაციას და აქვს აპარატურის აჩქარება. Translide არის სლაიდერი მინიმალური დიზაინი, რომ შინაარსი თავად აყენებს ხელმძღვანელი კუთხეში.
15. FSS - სრული ეკრანის მოცურების ნახვა მოდული
გნებავთ სრულ ეკრანზე, რომელიც შედგება სლაიდებისგან? მაშინ გჭირდებათ FSS.
სინამდვილეში, დახმარებით ეს jQuery. სლაიდერი ძალიან მარტივია, რათა შეიქმნას სრულ ეკრანზე სლაიდერი საიტი. შესაძლებლობები:
AJAX მხარდაჭერა
Scrollbar
ღრმა დამაკავშირებელი ტექნოლოგიების მხარდაჭერა
2 სხვადასხვა გარდამავალი ეფექტი
ასევე ღირს გადახდის კლავიატურის მხარდაჭერა და 11 გვერდი სახელმძღვანელო. თუმცა, დღევანდელი შთაბეჭდილება იწვევს FSS- ის წონას, მხოლოდ 5KB- ს.
16. Zozo Accordion - ადაპტური სენსორული სლაიდერი
სხვა მაგალითი jQuery. სლაიდერი, ორიენტირებული სტილის, და ვინ ასრულებს კარგად მათი მუშაობა. Zozo Accordion არის საჭირო მათ მიერ, ვინც ეძებს კარგი სლაიდერი- accorder უნარი შეცვალოს სტილის.
ეს სილამაზე CSS3 ანიმაციით ასევე აქვს ფუნქციების საკმაოდ ფართო სპექტრი:
ჰორიზონტალური და ვერტიკალური აკორდეონი
სემანტიკური HTML5 და SEO ოპტიმიზაცია
მხარდაჭერა Touch, კლავიატურა და Wai-Aria
მეტი 10 ტყავი და 6 ფორმატისთვის
Და უფრო მეტი
Zozo Accordion აქვს უფასო მხარდაჭერა და მუდმივი განახლებები, ისევე როგორც ყველა ფუნქცია გსურთ იხილოთ jQuery აკორდეონი.
17. JQuery Responsive Onebyone Slider მოდული
jQuery Responsive Onebyone Slider მოდული გამოიყურება უფრო მარტივი ანიმაცია, არ სლაიდერი. იმის ნაცვლად, რომ ერთი სლაიდის ჩვენება, ეს მაგალითი ეტაპობრივად შეავსებს ეკრანს სლაიდებით, ხოლო ადგილი არ არის ადგილი და მხოლოდ შემდეგ მიდის მომდევნო სლაიდთან.
CSS3 ანიმაცია მუშაობს animate.css, ეს არის მსუბუქი, შედგება რამდენიმე ფენა და მეგობრული Მობილური მოწყობილობები. რამდენიმე ფუნქცია:
ასევე არსებობს ნავიგაციის ვარიანტი გამოყენებით drag და drop. JQuery Responsive Onebyone Slider მოდული მუშაობს Twitter Bootstrap კარუსელის საფუძველზე.
18. Accordionza - JQuery Plugin
არ არის jQuery სლაიდერი უფრო ადვილია. მუშაობა, თქვენ უნდა ჩამოტვირთოთ სულ 3KB სლაიდერი, რაც Accordionza ყველაზე მსუბუქი Accorder ტიპის სლაიდერი.
თუ არ მოგწონთ სამი სტილის, შეგიძლიათ გამოსწორდეს HTML და CSS თავს. შესაძლებლობები:
ნავიგაცია კლავიატურაზე
მარტივი ეფექტები და ღილაკები
პროგრესული გაუმჯობესების ტექნიკა - მუშაობს JavaScript- ის გარეშე
გახსოვდეთ, რომ Accordionza შეიძლება აჩვენოს ბევრი ვარიანტი სასაცილო შინაარსი, რაც მას ძალიან მოქნილი.
19. Mighyslider - ადაპტური მრავალმხრივი სლაიდერი
Mayyslider მართლაც ძლიერი სლაიდერია. ეს შეიძლება გამოყენებულ იქნას არა მარტო სურათების მარტივი სლაიდერისთვის, არამედ როგორც მენიუს საშუალებით ნავიგაციისთვის ნავიგაციასთან ერთად. მასთან ერთად, შეგიძლიათ გააკეთოთ შესანიშნავი ერთ-ერთი გვერდი.
ქვეშ hood თქვენ ნახავთ ბევრ ვარიანტს:
კლავიატურა, მაუსი და შეხება მხარდაჭერა
CSS3 აპარატურის აჩქარების გადასვლები
Pure Valid Markup და SEO ოპტიმიზაცია
შეუზღუდავი სლაიდების ნომერი, ხელმოწერების და შედეგების ფენები
API არის ძალიან ძლიერი და მეგობრული დეველოპერები, რომელიც ხსნის სხვადასხვა გზებს გამოიყენოს იგი. Mainyslider არის შესანიშნავი პროგრესული jquery სლაიდერი სუფთა და კარგად კომენტარი კოდი.
20. Parallax Slider - ადაპტური jQuery მოდული
Parallax Slider მუშაობს jQuery Responsive Onebyone Slider მოდული და გაძლევთ საშუალებას animate თითოეული ფენის ცალკე შიგნით ერთი slide. თქვენ შეგიძლიათ animate ყველა სლაიდები ან თუნდაც მხოლოდ ერთი დასძინა pararallax ანიმაცია.
-ში სრული მოდის სხვადასხვა ტიპის 4 სლაიდერები, ყველა პარალექსის ეფექტით. სხვა jQuery sliders, მას აქვს:
სრული Customizability
შეხება მხარდაჭერა
სრულად adapiten, შეუზღუდავი რაოდენობის ფენები
ავტომატური თამაში, looping, სიმაღლის და სიგანე, ისევე როგორც ტაიმერი
ანიმაციური ფენები არ არის მხოლოდ ტექსტი ან გამოსახულება. თქვენ ასევე შეგიძლიათ დაამატოთ YouTube, Vimeo და HTML5 ვიდეო. Parallax Slider კიდევ ერთი კარგი მაგალითია, თუ როგორ შეგიძლიათ იმიტაცია ფლეშ ეფექტებიც კი უკეთესია, ვიდრე Flash, რომელიც ასევე მხარს უჭერს ყველა მოწყობილობას.
დასკვნა
ეს არის საინტერესო, რომ დაიცვას, თუ როგორ jQuery sliders გაიზარდა რაღაც, რაც უბრალოდ შეცვლის ერთი იმიჯი სხვები უზარმაზარი კომპლექტი შემოქმედებითი ინსტრუმენტები. ახლა არის 3D, Pararallax Sliders, sliders მთელი გვერდი, ადაპტირებული და ის, რომ შეიძლება ჩაითვალოს როგორც Desktop კომპიუტერები და სმარტფონებისათვის.
თუ არ მოგწონთ ამ სიიდან ნებისმიერი სლაიდერი, თქვენ ყოველთვის შეგიძლიათ გაიაროს jQuery Code Tutorial გაკვეთილი Envato ნახვა და განვითარება რაღაც სრულიად ახალი და უნიკალური.
კარგად, ან სხვა sliders on Envato ბაზარზე - არსებობს რა უნდა აირჩიოს. და რა არის თქვენი საყვარელი jQuery სლაიდერი, და რატომ?
ადაპტირება, ან თუ გინდათ, საპასუხო ვებ-დიზაინი ახლა არ არის მხოლოდ კიდევ ერთი დიზაინერი ტენდენცია, ეს უკვე გარკვეული სტანდარტია განვითარებადი საიტების განვითარებისთვის, ვებ-გვერდებზე, ჰარმონიული ვიზუალური აღქმა სხვადასხვა მომხმარებლის მოწყობილობების ეკრანებზე. ცოტა ხნის წინ, როდესაც განვითარებადი ადაპტური თარგიმე მქონდა გაუმკლავდე სხვადასხვა სირთულეებს გარკვეული სლაიდების და სურათების გალერეების ინტეგრაციისას, საერთო დიზაინის სტილის დარღვევის გარეშე. ახლა ყველაფერი ბევრად უფრო ადვილია, არსებობს დიდი რაოდენობით მზა გადაწყვეტილებები ქსელში და რაც განსაკუთრებით მოხარულია, მათი უმრავლესობა თავისუფალია ღია წყაროდან.
შემოთავაზებული ხელსაწყოების მრავალფეროვნების გამო, მე შევიკრიბეთ პატარა მიმოხილვა ადაპტაციური jQuery sliders of images, რომელიც გამოჩნდა ბოლო დროს და გავრცელდა ყოველგვარი შეზღუდვების გარეშე, I.E. აბსოლუტურად უფასოა.
Wow slider.
ადაპტური jQuery სლაიდერი გამოსახულებები ბრწყინვალე კომპლექტი Ვიზუალური ეფექტები (მონაცვლეობით, departures, blur, სპირალებს, ბლაინდები და ა.შ. ...) და ბევრი მზა ნიმუშები. დახმარების გაწევისას Wower აშენდა wower, თქვენ შეგიძლიათ მარტივად და მარტივად შექმნათ განსაცვიფრებელი slideshows რამდენიმე წუთში. დეველოპერის ვებგვერდს აქვს ყველა საჭირო დოკუმენტაცია რუსულ ენაზე დანამატების პარამეტრების და გამოყენების შესახებ, შესანიშნავი გამოცდილების შესანიშნავი მაგალითები. ასევე ხელმისაწვდომია ცალკე WordPress მოდული და Joomla მოდულის ჩამოტვირთვისთვის. დარწმუნებული ვარ, რომ ბევრი მოსწონს ეს მშვენიერი სლაიდერი, ორივე დამწყები და სახელმძღვანელო სიტყვა.
Hislider.
HTML5, JQuery Slider და Image გალერეა, აბსოლუტურად უფასო მოდული პირადი გამოყენების საიტებზე გაშვებული პოპულარული სისტემები - WordPress, Joomla, Drupal. ამ მარტივი, არამედ ფუნქციონალური ინსტრუმენტი, თქვენ შეგიძლიათ მარტივად შექმნათ ჩვენი საიტების გვერდებზე, საოცარი და ნათელი slideshows, სანახაობრივი პრეზენტაციები და ახალი შეტყობინებების განცხადებები. რამდენიმე მზა ნიმუშები და ტყავი სლაიდერი, განსაცვიფრებელი გარდამავალი ეფექტები (ცვლილება) შინაარსი, სხვადასხვა მულტიმედიური შემცველობა: ვიდეო YouTube და Vimeo, მოქნილი საბაჟო პარამეტრები და ა.შ.
Nivo სლაიდერი.
Nivo Slider არის ძველი კეთილი, ასევე ცნობილია ყველას, ვინც არის სათაური, ერთ ერთი ყველაზე ლამაზი და ადვილად გამოყენების სლაიდერი გამოსახულებები. JQuery Nivo Slider მოდული უფასოა ჩამოტვირთოთ და შემდგომი გამოყენება, განაწილებული ქვეშ MIT ლიცენზია. ასევე არსებობს ცალკე მოდული WordPress, მაგრამ სამწუხაროდ უკვე გადახდილი და ჩამოაგდეს off მას ექნება $ 29 ლიცენზია. უმჯობესია გავაკეთოთ ცოტა up wp თემა ფაილი და დამაგრებითი უფასო jQuery ვერსია Nivo Slider მოდული თქვენს ბლოგზე, სარგებელი ინფორმაცია როგორ გავაკეთოთ ეს ქსელში საკმარისი.
რაც შეეხება ფუნქციურობას, ყველაფერი სრულყოფილია. JQuery v1.7 + ბიბლიოთეკა გამოიყენება სამუშაოს, ლამაზი გარდამავალი ეფექტების, მარტივი და ძალიან მოქნილი პარამეტრების, ადაპტაციური განლაგების, ავტომატური გამოსახულების ჩამოსხმის და ბევრად უფრო.
სლაიდერის იდეა შთაგონებულია დეველოპერების მიერ, რომელიც ცნობილია Apple- ის პროდუქციის მთელი სტილისთვის, სადაც რამდენიმე მცირე ელემენტი (სურათები) იცვლება შერჩეული კატეგორიის ანიმაციის მარტივი ეფექტით. Codrops წარმოგიდგენთ თქვენს განკარგულებაშია დეტალური გაკვეთილი ამ სლაიდერის შესაქმნელად, HTML- ის მარკირების სრული განლაგება, CSS- ის წესების კომპლექტი და შესრულებული jQuery მოდული, ისევე როგორც სლაიდერის გამოყენების შესანიშნავი ცხოვრების მაგალითი.
Slit slider.
სრულ ეკრანზე გამოსახულება სლაიდერი on jQuery და CSS3 + დეტალური სახელმძღვანელოს ინტეგრაციის დანამატი ადგილზე გვერდზე. იდეა არის ღია მიმდინარე სლაიდების შემცირება კონკრეტული შინაარსით, როდესაც გადადით მომდევნო ან წინა შინაარსზე. ერთად jQuery და CSS ანიმაცია, თქვენ შეგიძლიათ შექმნათ უნიკალური გადასვლები შორის სლაიდები. სლაიდერის ადაპტაციური განლაგება უზრუნველყოფს, რომ იგი თანაბრად კარგი იქნება სხვადასხვა ტიპის მომხმარებელთა ეკრანებზე.
ელასტიური შინაარსის სლაიდერი.
შინაარსის სლაიდერი, რომელიც ავტომატურად მორგებულია სიგანეზე და სიმაღლეზე, რომელიც დამოკიდებულია მშობლის კონტეინერის ზომაზე, სადაც იგი მდებარეობს. საკმაოდ მარტივი დიზაინი და მოქნილი სლაიდერი jQuery პარამეტრები, ერთად ნავიგაცია ბოლოში, როდესაც შეცვლის ეკრანის ზომა შემცირება, ნავიგაცია არის ნაჩვენები როგორც ხატები. ძალიან დეტალური დოკუმენტაცია (გაკვეთილი შექმნა) და ცხოვრების მაგალითები.
3D დასტის სლაიდერი.
სლაიდერის ექსპერიმენტული ვერსია, რომელიც აჩვენებს სურათებს 3D თვითმფრინავით გადასვლები. სურათები დაყოფილია ორ ჰორიზონტალურ სტეკებზე, ნავიგაციის arrow- ის გამოყენებით ნაჩვენებია და გადანერგვა ყოველი მომდევნო სურათის ნახულზე. ზოგადად, განსაკუთრებული არაფერია, მაგრამ აღსრულების იდეა და ტექნიკა საკმაოდ საინტერესოა.
ძალიან მარტივი, 100% ადაპტური და სრულ ეკრანზე jQuery სლაიდერი გამოსახულებები. სლაიდერის მუშაობა ეფუძნება CSS გადასვლები (ქონების გარდამავალი) bundle ერთად jQuery ჯადოსნური. Max- სიგანე ღირებულება 100% -ით არის დამონტაჟებული, ამ გზით სურათების ზომა შეიცვლება ეკრანის ზომებზე. არაფერი სპეციალური ანიმაციური ეფექტები და აღფრთოვანებული დიზაინი, ყველაფერი მარტივია, და sharpened to უწყვეტი მუშაობა.
მინიმალური სლაიდები
სახელი საუბრობს თავისთავად, ალბათ, ერთ-ერთი ყველაზე მსუბუქი და მინიმალიტური jQuery sliders of images, რომ მე შევხვდი (მოდული 1kb). RespresiveLides.js. -Kornet jQuery მოდული, რომელიც ქმნის slide show გამოყენებით ელემენტები შიგნით კონტეინერი. მუშაობს ფართო სპექტრი ბრაუზერები, მათ შორის ყველა ვერსიის IE - ცნობილი პროგრესი სამუხრუჭე, საწყისი IE6 და უმაღლესი. ქაღალდი იყენებს CSS3 Transitions in Bundle ერთად JavaScript, საიმედოობის. მარტივი მარკირება გამოყენებით უწესრიგო სია, შექმნის გარდამავალი და დრო ინტერვალით, ავტომატური და სახელმძღვანელო სლაიდები, ისევე როგორც მხარდაჭერა რამდენიმე slideshows დაუყოვნებლივ. ეს არის ასეთი frisky "ბავშვი".
კამერა.
კამერა არის უფასო jQuery მოდული ორგანიზება სლაიდების შესახებ გვერდებზე საიტები, მსუბუქი სლაიდერი ერთად უამრავი გარდამავალი ეფექტი, ერთად 100% ადაპტაციური განლაგება, და ძალიან მარტივი პარამეტრები. შესანიშნავად შეესაბამება ნებისმიერი მომხმარებლის მოწყობილობების ეკრანებზე (PC მონიტორები, ტაბლეტები, სმარტფონები და მობილური ტელეფონები). ჩაშენებული ვიდეოს დემონსტრირების უნარი. ავტომატური სლაიდების ცვლილება და სახელმძღვანელო კონტროლის ღილაკები და სურათების ბლოკირება. პრაქტიკულად სრული გალერეა სურათები კომპაქტ დიზაინში.
bxSlider jQuery.
სხვა, საკმაოდ მარტივი ადაპტური სლაიდერი on jQuery. სლაიდებში, შეგიძლიათ ნებისმიერ შინაარსი, ვიდეო, სურათები, ტექსტი და სხვა ელემენტები. სენსორული ეკრანების გაფართოებული მხარდაჭერა. გამოიყენეთ CSS- ანიმაციის გადასვლები. დიდი რაოდენობით სხვადასხვა ვარიაციები პრეზენტაციაზე slideshows და კომპაქტური გამოსახულება გალერეა. ავტომატური და სახელმძღვანელო კონტროლი. გადართვის სლაიდები გამოყენებით ღილაკები შერჩევის მინიატურების. წყაროს ფაილის მცირე ზომა ძალიან მარტივია პარამეტრებში და განხორციელებაში.
FlexSlider 2.
FlexSlider 2 არის იგივე სახელი სლაიდერის განახლებული ვერსია, გაუმჯობესებული რეაგირების მაჩვენებლით, სკრიპტის minification, და მინიმუმამდე შემცირების / redrawing. მოდული მოიცავს ძირითად სლაიდერს, რომელიც აკონტროლებს სლაიდების კონტროლის გამოყენებას მინიატურების გამოყენებით, მარცხენა მარჯვენა ღილაკით და ქვედა სანავიგაციო პანელის სახით. ვიდეოს სლაიდების (Vimeo) გამომავალი, პარამეტრების მოქნილი პარამეტრები (გადასვლები, დიზაინი, დროის ინტერვალი), სრულად ადაპტური განლაგება.
გალერეა.
კარგად ცნობილი და საკმაოდ პოპულარული, ადაპტური jQuery მოდული შექმნა მაღალი ხარისხის გალერეები და sliders გამოსახულებები. სლაიდერის ინტერფეისი, მისი პანელის წყალობით, ვიზუალურად ჰგავს ჩვეულებრივი ვიდეო მოთამაშე, მოდულის შემადგენლობა მოიცავს სხვადასხვა დეკორაციებს. ჩაშენებული ვიდეო და სურათები ერთად პოპულარული მომსახურება: Flickr, Vimeo, YouTube და სხვა. დეტალური დოკუმენტაცია შექმნისა და გამოყენებისათვის.
მოცვის.
მარტივი გარეშე frills უფასო jQuery სლაიდერი გამოსახულებები, დაწერილი სპეციალურად ადაპტაციური ვებ დიზაინი. Blueberry არის ექსპერიმენტული jQuery ღია წყარო მოდული. მინიმალისტური დიზაინი, არანაირი ეფექტი, მხოლოდ შეუფერხებლად pop-up სურათები შეცვლის ერთმანეთს გარკვეული პერიოდის შემდეგ. ყველაფერი ძალიან მარტივია, დააყენა, მე დაკავშირებულია და წინ ...
jquery popeye 2.1.
ძალიან კომპაქტური jQuery გამოსახულება სლაიდერი Lightbox ელემენტებით. მისი მოქნილი ზომის გამო, ძალიან მარტივია, რომ ნებისმიერ კონტეინერში ერთი პოსტი შევიდა მინიატურული სახით, როდესაც თქვენ hover მაუსის კურსორი ან დააწკაპუნეთ რომელი Lightbox გააქტიურებულია გაფართოებული სურათის და კონტროლის ელემენტებით. მოსახერხებელია ასეთი სლაიდერის პანელებში, პროდუქციის ან ახალი ამბების პრეზენტაციისთვის. შესანიშნავი გამოსავალი საიტებზე დიდი რაოდენობით ინფორმაცია.
თანამიმდევრობა
უფასო ადაპტური სლაიდერი გაფართოებული CSS3 გადასვლები. მინიმალისტური სტილი, 3 თემის გაფორმება, თითოეული ჩარჩო სლაიდები ჰორიზონტალურ მიმართულებით გამოჩნდება სურათის ცენტრში, მარჯვნივ, ხელმოწერის უფლება, მინიატურები ქვედა მარჯვენა კუთხეში დუბლირებული. პროდუქტის პრეზენტაციის გვერდები ყოველი ჩარჩოში ნახვისთვის. კონტროლი ასევე მოიცავს ღილაკებს უკან და მეოთხე. ყველა თანამედროვე ბრაუზერის მხარდაჭერა.
დარტყმა.
არსებობს სრულიად სარეკლამო სლაიდერი სურათები და ფუნქციონირება და პარამეტრების, პარამეტრების არის ცვლილება სიჩქარე slide ცვლილება, რომელიც დაკავშირებულია სახელმძღვანელო რეჟიმში (კონტროლის ღილაკები გააქტიურებულია), უწყვეტი სლაიდ შოუ. ეს სლაიდერი აქვს უფლება, რომ ის მხოლოდ ის მოვიზიდოს მხოლოდ იმით, რომ ეს არ არის განსაკუთრებით საინტერესო არაფერი ამ განვითარებაში, მე შეიძლება ეძებდნენ ცუდად)))
საპასუხო გამოსახულება სლაიდერი.
ლამაზი ასეთი ადაპტური სლაიდერი გამოსახულებები ვლადიმერ კუდინოვოვიდან. კარგი, მაღალი ხარისხის მუშაობის ინსტრუმენტი, გათვალისწინებული ვიზუალური მაგალითები და დეტალური ინსტრუქციები შექმნის, ინსტალაციისა და გამოყენების შესახებ. ადაპტური დიზაინი, ლამაზი ღილაკები და ისარი მწვანე, ყველაფერი საკმაოდ cute და მშვიდად, ზეწოლის გარეშე.
Fractionslider.
უფასო JQuery Slider მოდული ერთად Parallax ეფექტი სურათები და ტექსტი სლაიდები. Slide ანიმაცია რამდენიმე შოუ ღირებულებები სრული კონტროლი ყოველ ჯერზე და ანიმაციური პარამეტრი. სლაიდზე რამდენიმე ელემენტის ანიმაციის უნარი. თქვენ შეგიძლიათ დააყენოთ სხვადასხვა ანიმაციური მეთოდები, სლაიდების გაუჩინარება ან კონკრეტული მიმართულებით გადასვლები. ავტომატური ჩვენების და სახელმძღვანელო კონტროლის გამოყენებით ნავიგაცია ისრებით pop-up როდესაც თქვენ hover. 10 ტიპის ანიმაციური ეფექტები გამოჩენა სლაიდები და ბევრად უფრო ...
მიმოხილვა საკმაოდ ვრცელი იყო, მაგრამ არა საკმარისი ინფორმაციული გამო Დიდი რიცხვი პროდუქციის გათვალისწინებით. ყველა დეტალი და დეტალური აღწერა. ფუნქციონალობა ერთი დანამატი, თქვენ შეგიძლიათ ისწავლონ უშუალოდ დეველოპერების გვერდებზე. ეს რჩება იმედს, რომ ვინმეს გაამახვილა ძებნის ყველაზე საჭირო ინსტრუმენტი, შექმნას ფერადი სურათის sliders on გვერდებზე მათი საიტები.
ოდესმე გგონიათ, რომ სასიამოვნო იქნებოდა რუსიფიცირებული თარგების მუშაობა? უბრალოდ ვფიქრობ ერთი წუთით. ინგლისური ენის თარგების მუშაობის დრო არ არის. ჩვენ ჩქარობენ, გთხოვთ, რომ templatemonster ახლა შეიძლება ნაპოვნი templatemonster Marketer. თითოეული მათგანის ტექსტი ხელით დაწერილი იყო. და, რა თქმა უნდა, ყველა მზა გადაწყვეტილებები წარმოუდგენლად მარტივია.
ყველა პატივისცემა, ენდრიუ
1. jquery plugging "ფრესკა"
ადაპტური jQuery გალერეა (შეცვლის ზომა, როდესაც შეცვლის ეკრანის რეზოლუცია), ნაჩვენებია pop-up ფანჯარაში მინიატურების და გამოსახულების ხელმოწერებით. JQuery გალერეა "ფრესკა" მუშაობს ბევრ ბრაუზერებში, მათ შორის: IE6 +, Firefox 3 +, Chrome 5+, Opera 9+. ამ დანამატების უფასო ვერსია მხოლოდ არაკომერციულ პროექტებზე შეიძლება გამოყენებულ იქნას.
2. სლაიდერი "ადაპტერი"
სლაიდერი სხვადასხვა გარდამავალი ეფექტებით (7 სხვადასხვა ეფექტი, მათ შორის 3D). პროექტი GitHub- ზე.
3. სლაიდერი მოდული სხვადასხვა "JQ-Tiles" ეფექტები
მოდული სხვადასხვა გარდამავალი ეფექტებით, მორგებული სლაიდების ცვლილების სიჩქარით, ფლოტის ფუნქციით.
4. jquery plug "sly"
მოდული ვერტიკალური და ჰორიზონტალური სენსორების განხორციელებისათვის. პროექტი GitHub- ზე.
5. ანიმაციური CSS3 მენიუ "მაკისუ"
6. მარტივი სლაიდშოუ
7. ფუნქციური JQuery Slider "Iview Slider v2.0"
შინაარსი / სლაიდების ჩვენება სლაიდერი (როგორც slide შეიძლება არა მხოლოდ სურათები, ისევე როგორც ვიდეო და სხვა HTML შინაარსი). თქვენ შეგიძლიათ გამოიყენოთ: Thumbnails, მარცხენა / მარჯვენა ღილაკები და კლავიატურის გამოყენებით. პროექტი Github.com- ზე.
8. დააყენეთ jQuery plugins "Vanity"
კომპლექტი 7 plug-ins: jslider, jtabs, jpaginate, jspotlight, jtip, jplaceholder და jcollapse. კომპლექტი ამ გადაწყვეტილებების დაგეხმარებათ განხორციელების სლაიდერი, pop-up რჩევები, ჩანართების, pop-up აღწერილობა სურათები და ა.შ.
9. Hover CSS3 ეფექტი
10. CSS3 Drop-Down მენიუ
11. IOSSLIDER.
Slider არის sharpened მუშაობა მობილური მოწყობილობებისთვის.
12. CSS3 დატვირთვის მაჩვენებელი
13. CSS3 ეფექტი, როდესაც hovering
14. "პროდუქტის Colorizer" jQuery მოდული
მოდული არის უმნიშვნელო გამოსავალი პროდუქტის ნახვის სხვადასხვა ფერის ვერსიებში (შესაბამისი, მაგალითად, ონლაინ ტანსაცმლის მაღაზიებში, რათა სტუმრებს აირჩიონ რამდენიმე ვარიანტიდან საქონლის შერჩევა). დანამატი, მხოლოდ ორი გამოსახულება საჭიროა თითოეული პროდუქტისთვის (ყველა ფერის იქნება ნიღაბი, როგორც ნიღაბი). მოდული მუშაობს ყველა ძირითად ბრაუზერში, მათ შორის IE7 + (იმუშავებს IE6- ში, თუ PNG გამჭვირვალობის ჩვენება). პროექტი GitHub- ზე.
15. CSS3 ანიმაციური ჩარტებში
16. შექმნა overlay ეფექტი, როდესაც თქვენ დააჭირეთ გამოსახულება
სურათზე დაჭერით, ეს არის გაბრწყინებული ფონზე, და ხელმოწერების რაოდენობა გამოჩნდება. ეს შეიძლება მიეცეს მოკლე აღწერა გამოსახულების ელემენტები.
17. ნავიგაცია გვერდზე ჩამოშლადი მენიუში
დოკუმენტის მოსახერხებელი ნავიგაციის განმახორციელებელი ხსნარი ჩამოშლადი მენიუს სახით. შინაარსი ეკრანის თავზე დაფიქსირდა და ყოველთვის რჩება ვიზიტორთა თვალსაზრისით. განყოფილების შერჩევისას თქვენ გაქვთ დოკუმენტის შერჩეულ ნაწილზე გვერდის გლუვი გადახვევა.
18. CSS3 გალერეა ეფექტით, როდესაც hovering
როდესაც თქვენ hover კურსორი, სწრაფი ფოტო ცვლილება ხდება. გალერეა ხორციელდება ორ ვერსიაში: სურათების აღწერით, რომელიც გამოჩნდება სტუმარს გალერეის კურსორს და აღწერილობის გარეშე.
19. JQuery Slider Parallax ეფექტი
20. CSS3 ანიმაცია, როდესაც დაბლოკავს ბლოკებს
21. CSS3 jquery pop-up პანელი
დაწკაპეთ arrow ეკრანზე ეკრანზე დემო გვერდზე სანახავად pop-up ხატები.
22. უფასო HTML5 ფოტო გალერეა "Juicebox Lite"
ძალიან ფუნქციონალური ახალი ფოტო გალერეა საიტი. გალერეა შეიძლება იყოს ორივე გამოსახულება და მათ გარეშე, სურათის აღწერა და გარეშე, შეიძლება ვითარდეს მთელ ეკრანზე ან ნაჩვენები გვერდზე ფიქსირებული ზომის. დემო გვერდზე, შეგიძლიათ აირჩიოთ გაცნობის გალერეა, რომლითაც სარგებლობენ. უფასო გალერეა ვერსია ხელმისაწვდომია ჩამოტვირთვა. უფრო მოწინავე ფუნქციონირება და დეველოპერის ლოგოს ამოღება, თქვენ უნდა გადაიხადოთ.
23. მოდული "jqvmap"
24. CSS3 სლაიდერი პარალექსით
25. jquery გალერეა ფოტოები მინიატურებით
ადაპტური გალერეა, გამოსახულების ზომები და მინიატურები ბრაუზერის ფანჯრის ზომით შეიცვალა.
26. JQuery Plugin Slider Content "Horinaja"
მოდული არის მარტივი ინსტალაცია, დააკონფიგურიროთ, ჯვარედინი ბრაუზერი. ნებისმიერი HTML შინაარსი, როგორც სლაიდი, არა მხოლოდ სურათები. თქვენ შეგიძლიათ გადაახვიოთ სლაიდების მეშვეობით მაუსის საჭეზე, როდესაც კურსორი სლაიდშია.
27. JQuery Plugin Slider "Pikachoose"
სამი ვარიაციით: მარტივი სურათის ცვლილების განხორციელება აღწერილობებისა და მინიატურების გარეშე; სლაიდერი გამოსახულებისა და მინიატურების ხელმოწერებით; სლაიდერი მინიატურებით და დასძინა უფრო დიდი გამოსახულება pop-up window ერთად Fancybox ეფექტი. უახლესი ვერსია ყოველთვის შეგიძლიათ იპოვოთ GitHub- ზე.
28. რამდენიმე საბაჟო CSS სტილიზაციის ჩამოსაშლელი სიები
ხუთი სხვადასხვა სტილის დიზაინის ჩამოსაშლელი სიები სხვადასხვა CSS ტექნიკის გამოყენებით.
29. რესტორანი მენიუ ანიმაციური 3D ეფექტით
საინტერესო CSS jQuery. წარმოადგინეთ ინფორმაცია გვერდზე. ბმულზე დაჭერით, ბუკლეტის მენიუ გამოვლინდა და სტუმარს შეუძლია წაიკითხოს pop-up ფანჯარაში, რათა დაწვრილებით კერძები. ანიმაცია არასწორია IE- ში.
30. მოდული "Elastislide"
რეზინის რეალიზაცია ადაპტური კარუსელი (ვერტიკალური და ჰორიზონტალური გამოსახულება კარუსელი) და გალერეა. როდესაც ბრაუზერის ფანჯარა მცირდება, სურათების რაოდენობა გარკვეულ მინიმალურ ღირებულებას მცირდება და შემდეგ დარჩენილი სურათების ზომას. პროექტი GitHub- ზე.
31. FRESH CSS3 JQUERY SLIDER SLIT SLIDER
ადაპტური სლაიდერი მოდული (სიგანე შეიძლება იყოს პროცენტული და ის ავტომატურად squeeze) ორი სტილის ვერსიებში საინტერესო ანიმაციური ეფექტი, როდესაც შეცვლის სლაიდები (slide განადგურებულია ნახევარი და დისკები გარშემო სხვადასხვა მიმართულებით, და მისი ადგილი უკავია ახალი ერთი ). შესაძლო ნავიგაცია კლავიატურის გამოყენებით. ახალი ვერსია ყოველთვის GitHub- ზეა.
32. Slicebox Images of 3D სლაიდერის ახალი ვერსია
ახალი ვერსია ცვლილებებით და ახალი ფუნქციების დამატება: ახლა 3D სლაიდერი გახდა მასშტაბური, შესაძლებელია, რომ ის ბრაუზერის ფანჯარაში მცირდება; დასძინა Firefox მხარდაჭერა; აღწერაში, თქვენ უკვე შეგიძლიათ გამოიყენოთ HTML შინაარსი (ადრე აღწერილობა იყო გამკაცრებული მინიშნება ატრიბუტი გარეშე უნარი გამოიყენოს HTML tags მასში). დემო გვერდზე თქვენ შეგიძლიათ ნახოთ 4 ვარიანტი გამოყენებით მოდული. უახლესი ვერსია ცხოვრობს Github.com- ზე.
ეფექტი ძალიან ჰგავს ფლეშ გალერეა 3D Cu3er (Demo, ჩამოტვირთვა), მხოლოდ ეს 3D სლაიდერი შესრულებულია არ იყენებს Flash ტექნოლოგიას, მაგრამ JavaScript- ის გამოყენებით.
33. JQuery Plug "Pfold"
ექსპერიმენტული გადაწყვეტა. მოდული ახორციელებს 3D ეფექტს ქულის იმიტაციით. სხვადასხვა ვერსიები: სამი რევერსით, ორი შეცვლისა და გაფართოებული შენიშვნა შემდგომი განლაგებით.
34. JQuery "Windy" მოდული
მოდული ნავიგაციისთვის, როგორიცაა სურათები. როდესაც ფოტოების გადაღებისას ისინი სხვადასხვა მიმართულებით გადაფრენენ (რაღაცის შედეგს შეახსენებენ პოკერის ბარათის ბარათების განაწილებას). ნავიგაცია, შეგიძლიათ გამოიყენოთ მარცხენა / მარჯვენა ან სლაიდერი ღილაკები (იხ. სხვადასხვა პარამეტრები დემო გვერდზე). პროექტი
