uy - Dasturiy ta'minot
jquery portfolio galereyasi. Fotorama - sezgir jQuery galereyasi, o'rnatish va sozlash

Dmitriy Semenov tomonidan
jQuery tasvir galereyasi va kontent slayderi plaginidir. Bu butunlay sezgir, teginish uchun qulay va modulli arxitekturaga ega, bu sizga faqat fayl hajmi va ishlashini optimallashtirish uchun kerak bo'lgan xususiyatlarni kiritish imkonini beradi.

Andy - The Coffeescripter tomonidan
JQuery uchun juda moslashtirilgan galereya/vitrin plagini.

Trent tomonidan
Galleriffic - bu jQuery plagini bo'lib, u o'tkazish qobiliyatini tejash va katta hajmdagi fotosuratlarni qayta ishlash uchun optimallashtirilgan boy, orqadan keyin bepul tajribani ta'minlaydi.

Tonik galereyasi - jQuery XML portfolio galereyasi | $6

Aino tomonidan
Galleria - jQuery kutubxonasi ustiga qurilgan JavaScript tasvir galereyasi ramkasi. Maqsad veb va mobil qurilmalar uchun professional tasvir galereyalarini yaratish jarayonini soddalashtirishdir.

CatchMyFame tomonidan
Boshqa kuni men jQuery yordamida sahifadagi rasmlar to'plamini o'chirishning oddiy usulini qidirdim. Shunday qilib, koder sifatida men o'z plaginimni yaratishga kirishdim.

Tomas Kan tomonidan
Smooth Div Scroll - jQuery plaginidir, u tarkibni gorizontal ravishda chapga yoki o'ngga aylantiradi. JQuery uchun yozilgan boshqa ko'plab aylantirish plaginlaridan tashqari, Smooth Div Scroll aylantirishni aniq qadamlar bilan cheklamaydi.

Viktor Zambrano tomonidan - frwrd.net
Minishowcase kichik va oddiy php/javascript onlayn foto galereyasi boʻlib, AJAX tomonidan taʼminlangan boʻlib, u sizga murakkab maʼlumotlar bazalarisiz yoki kodlashsiz rasmlaringizni osongina onlayn koʻrsatish imkonini beradi va bir necha daqiqada ishlayotgan galereyaga ega boʻlish imkonini beradi.

Kaspar Devid Fridrix tomonidan
EOGallery - jQuery yordamida yaratilgan veb-animatsiyali slayd-shou galereyasi. Kattaroq rasmlarni ko'rsatish uchun u faqat jQuery-ning asosiy funktsiyalari va Cody Lindley's Thickbox-dan foydalanadi.

Arnault Pachot tomonidan
JQuery uchun ko'p formatli karusel, bir nechta ommaviy axborot vositalarini qo'llab-quvvatlaydigan to'siqsiz va kirish mumkin portfel: fotosuratlar, video (flv), audio (mp3). JQuery uchun ushbu plagin avtomatik ravishda har bir media kengaytmasini aniqlaydi va moslashtirilgan pleerni qo'llaydi.

Devor – Media galereyasi – jQuery quvvatli | $5

Stefan Petre tomonidan
Kosmik effektli yana bir rasm galereyasi plagini, juda engil va oddiy plagin.

Moreno Di Domeniko tomonidan
jmFullWall - bu ta'sirchan portfel yaratish uchun jQuery plaginidir.

Fabritsio Kalderan tomonidan
Mosaiqy - Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome va IE7+ da ishlaydigan fotosuratlarni ko'rish va kattalashtirish uchun jQuery plaginidir. Rasmlar JSON/JSONP maʼlumotlar tuzilmasidan olinadi va tasodifiy tarmoq ichida koʻchiriladi. Barcha qimmat animatsiyalar sizning GPU tomonidan so'nggi brauzerlarda CSS3 o'tishlari yordamida qabul qilinadi, bu esa protsessorning ortiqcha sarfini kamaytiradi.

Cody tomonidan
Quyidagi jQuery plagini tasvirlar to'plamini bir nechta variantli kichik galereyaga aylantiradi. Mikro tasvirlar galereyasi rasmlarni eskiz sifatida oldindan ko'rishni va faqat bitta rasmni ko'rsatadigan bitta ko'rinishni ko'rsatadigan panjara ko'rinishini almashtirish imkonini beradi.

VION – jQuery rasmlar galereyasi plagini | $7

Malihu tomonidan
JQuery ramkasi va bir nechta oddiy CSS yordamida yaratilgan oddiy, ammo oqlangan to'liq ekranli tasvirlar galereyasi.

1. Portfelni amalga oshirish bilan jQuery yordamida galereyalar

Sichqoncha kursorini chap ustunga olib borganingizda loyiha eskizlari aylantiriladi. Kontent maydoni loyiha nomi, tavsifi va foydalanilgan texnologiyalar ro'yxati bilan kattaroq rasmni ko'rsatadi. Eskizlar orasida harakatlanayotganda, loyiha ma'lumotlari ajoyib animatsiya effekti bilan bir-biriga o'zgaradi. Tavsif sahifasida rasmni bosganingizda, u jQuery animatsiyasi yordamida kattalashadi. Men ajoyib nafislikni ham ta'kidlamoqchiman tashqi ko'rinish butun portfel sahifasi. Demoni tomosha qiling.

2. CSS va jQuery yordamida portfelli saytni super amalga oshirish

Fotosuratchi portfelining veb-saytini mukammal tarzda amalga oshirish. Menyu bandini bosganingizda, ekran bo'ylab tarqalgan kvadratchalardan belgilangan balandlik va kenglik tarkibiga ega bo'lgan maydon yig'iladi. Ruxsat etilgan hududga qo'shimcha ma'lumotni joylashtirish uchun tarkibni aylantirish mumkin. Portfeldan asarlarni ko'rsatishni amalga oshirish g'ayrioddiy: eskizni bosganingizda, fotosurat sifatida ko'rsatiladi. fon tasviri, bu brauzer oynasining o'lchami o'zgartirilganda avtomatik ravishda o'lchaydi.

3. jQuery bilan portfel devori

Onlayn portfel yaratish uchun original yechim. Loyiha bloklari (eskiz rasmlar va havola bilan qisqacha tavsif) ketma-ket bir nechta ko'rsatiladi; brauzer oynasini o'zgartirganda, bloklar animatsion effekt bilan sahifada teng ravishda qayta taqsimlanadi. Har bir loyihada bir nechta eskiz tasvirlari bo'lishi mumkin, ular orasidagi o'tish strelkalar yordamida amalga oshiriladi. Havolani bosish to'liq tavsifga ega sahifani ochadi, unda matn o'tish bilan belgilangan balandlikdagi yarim shaffof blokga joylashtiriladi. Sahifa foni sifatida loyihaning kengaytiriladigan tasviri ishlatiladi. Ajoyib ko'rinadi - demoni tomosha qiling.

4. jQuery sahifalarini silliq aylantirish

Vertikal va gorizontal aylantirishni amalga oshirish.

5. jQuery plagini “Sudrab olinadigan tasvir qutilari panjarasi”

Kontent bloklari va tasvirlardan iborat tortiladigan panjara. To'rni sichqoncha yordamida sudrab borish mumkin (sichqonchaning istalgan tugmachasini bosing va kerakli yo'nalishga torting). Eskizni bosganingizda, asosiy tasvir ekranning to'liq kengligigacha kengayadi. Matnli qorong'u blokni bosganingizda, batafsil tavsifga ega bo'lgan maydon ochiladi.

6. Bir sahifali portfolio sayti

Bir sahifali veb-sayt jonlantirilgan tarkibga ega. Namoyish sahifasida effektni ko'rish uchun menyu yorliqlari bo'ylab harakatlaning.

7. Blok displey turini jQuery ga almashtirish

Buning yordamida jQuery plagini va "Displey parametrlarini almashtirish" sahifasida o'zgartirishni amalga oshirishingiz mumkin, uning yordamida tashrif buyuruvchi ma'lumotlarning jadvalli ko'rinishidan bloklar tavsifi bilan to'liq ko'rinishga o'tadi. Portfelni amalga oshirish uchun juda mos keladi.

8. jQuery galereyasi va Google xaritasi bilan restoran veb-sayti uchun shablon

Kafe veb-sayti uchun yaratilgan original jQuery yechimi. Shablon menyudan idishlarni ko'rsatish uchun qiziqarli jQuery galereyasini amalga oshiradi. Galereyadagi tasvirlar brauzer oynasining o'lchamiga qarab o'lchov qilinadi. Birinchidan, galereya sarlavhali eskiz rasmlarini va qisqacha tavsif to'liq o'lchamli fotosurat fonda qoraygan holda ko'rsatilgan idishlar. O'qlar yoki sichqoncha g'ildiragi yordamida mavjud fotosuratlar orasida harakatlaning. Galereya rejimida sichqonchani bosish tavsifli eskizlarni olib tashlaydi va derazaning butun kengligi bo'ylab cho'zilgan asl katta rasmlarni ko'rish imkonini beradi. Galereyadan sayt menyusiga qaytish uchun yuqori o'ng burchakdagi havolani bosing. Haqiqiy jQuery galereyasiga qo'shimcha ravishda, Google xaritasi shablonga juda samarali integratsiyalangan.

9. Plasm The Wall plagini

Sichqoncha yordamida belgilangan hududda ekran bo'ylab sudrab olib boriladigan fotosuratlar yoki HTML bloklaridan noyob "devorlar" yaratish.

10. Elementlarni aylana shaklida ko'rsatish uchun plagin

Sahifada berilgan diametrli doira bo'ylab turli elementlarni ko'rsatadi.

11. "Sayt ishlab chiqilmoqda" to'ldiruvchi sahifasi

Sahifada ma'lumotlar bazasida qayd etilgan va sayt ochilishi haqida bildirishnoma yuborilishi mumkin bo'lgan elektron pochta manzilini yuborish imkoniyati mavjud. Sahifa, shuningdek, jQuery plaginiga asoslangan kichik slayd-shou bilan bezatilgan Nivo Slider v. 2.3.

12. QuickFlip 2 plagini

Uning yordami bilan siz havolani bosganingizda tashrif qog'ozini aylantirishning qiziqarli effektini yaratishingiz mumkin.

13. JQuery bosish xaritasi

G'oya foydalanuvchi bosishlarini kuzatishdir. Plaginni demo sahifasida ishlayotganini ko'rish uchun sichqonchani bosing va keyin "Tahlil qilish" tugmasini bosing. Va sichqoncha bilan bosgan nuqtalar shaffof fonda ko'rsatiladi.

Chiroyli ekran klaviaturasini amalga oshirish. Siz hech qachon bilmaysiz, bu biror narsa uchun foydali bo'ladi.

15. jQuery Sticky Notes

Eslatmalar varaqlarini amalga oshirish. Matnni tahrirlash va eslatmalarni o'chirish yoki ekran bo'ylab harakatlantirish mumkin. Misolni ko'rish uchun demo sahifasidagi "Demo" yorlig'iga o'ting.

16. jQuery reytingi 17. HoverAttribute

Qiziqarli havola dizayni: kursorni havola ustiga olib borganingizda, uning langari o'zgaradi. Ajoyib ko'rinadi.

18. Ro'yxatdan o'tish shakli uchun jQuery Fancy captcha

Ro'yxatga olish shakli uchun captcha amalga oshirish. Plagin bu raqamlar to'plami bo'lib, ularni sudrab borish orqali o'sish tartibida o'rnatish kerak. Yetarli qiziqarli yo'l ro'yxatga olish robot emas, balki haqiqiy shaxs ekanligini tasdiqlash uchun.

Ekranning pastki qismida sahifani yuqoriga yoki pastga silliq aylantirish uchun foydalanishingiz mumkin bo'lgan tugmalar mavjud.

20. Tarjimon. jQuery plagini "jTextTranslate"

Plagin Google Language API-dan foydalanadi va matnni Google tomonidan taqdim etilgan istalgan tillarga tarjima qilishi mumkin. Tarjima qilish uchun siz paragraf yonidagi belgini bosishingiz va ochiladigan ro'yxatdan tarjima qilmoqchi bo'lgan tilni tanlashingiz kerak.

21. Sahifani navigatsiya qilish uchun jQuery plagini

Sahifani navigatsiya qilish uchun aylantiruvchi havolalarni ajoyib tarzda amalga oshirish. jQuery yordamida amalga oshirilgan.

22. jQuery plagini “Eslatmalar”

Ushbu jQuery plagini sizning veb-saytingizda "qog'oz" eslatmalarini amalga oshirishga imkon beradi.

23. jQuery plagini “Catch404” 24. jQuery plagini jBreadCrumb

Animatsiyalangan navigatsiya zanjirini yaratish uchun plagin

25. “Reel” plagini 26. jQuery “Dance Floor” plagini

Mahsulot sahifasini amalga oshirish uchun jQuery plagini. Mahsulot tasvirini bosganingizda uning tavsifi paydo bo'ladi.

27. jQuery plagini “3D teg buluti” 28. Volumetrik CSS tugmalar 29. Animatsiyalangan gorizontal sahifani aylantirish

Vertikal sahifalarni aylantirishning jQuery effekti. Bir sahifali veb-saytlar va portfelli veb-saytlarni amalga oshirish uchun juda mos keladi. Effektni ko'rish uchun demo sahifasidagi menyu bandini bosing.

30. jQuery plagini “Reyting tizimi”

Biror narsani baholashni amalga oshirish uchun jQuery effekti. Doiralarning rangi va ularning ostidagi matn sichqoncha kursori ularning qaysi biriga olib kelishiga qarab o'zgaradi.

31. jQuery Panel Magic

Sayt navigatsiyasini amalga oshiradigan plagin. Bunday holda, sizning saytingiz hujjatlar to'plami sifatida taqdim etiladi, ular orasida qiziqarli jQuery effekti bilan o'tish amalga oshiriladi.

Kichik veb-saytlar va veb-ilovalarni yaratish uchun ushbu plagindan osongina foydalanishingiz mumkin. Portfel saytlarida ham yomon ko'rinmaydi.

32. Mootools-da yuklash ko'rsatkichi, "MoogressBar" plagini

Samarali yuklash ko'rsatkichi.

33. Mootools plagini “CwComplete”

Maydonni to'ldirganda plagin so'raydi mumkin bo'lgan variantlar Ajax yordamida to'ldirish uchun, bu holda u filtrlaydi va faqat maydonga kiritilgan matnni qondiradigan variantlarni ko'rsatadi.

34. jQuery va CSS3 yordamida ajoyib ajax chat

Suhbatni boshlashdan oldin tashrif buyuruvchi o'zining taxallus va elektron pochta manzilini kiritishi kerak. O'ng ustun chatga qancha odam kirganligini ko'rsatadi. Amaldagi texnologiyalar: PHP, MySQL, jQuery, CSS.

35. “Loyihani taklif qilish” sahifasini amalga oshirish

Tashrif buyuruvchilar yangi taklif kiritishlari yoki mavjud taklifga ovoz berishlari mumkin. O'z auditoriyasi sayt haqida qanday fikrda ekanligini bilmoqchi bo'lganlar uchun ajoyib yechim. Loyihangizni yanada rivojlantirish uchun yangi g'oyalarni to'plash uchun ushbu sahifadan ham foydalanishingiz mumkin. Amaldagi texnologiyalar: PHP, MySQL, jQuery, CSS

36. Bilan ovoz berish/so'rovni amalga oshirish PHP yordamida va jQuery 37. Ajax "TinyEditor" bo'yicha ovoz berish

Saytdagi so'rovlarni aniq amalga oshirish. Amaldagi texnologiyalar: JQuery, Ajax, PHP va MySQL.

Veb-saytda ovoz berishni amalga oshirish uchun juda qiziqarli yechim. Bloklarni yuqoriga va pastga sudrab, sichqoncha bilan tasvirlarni ushlab, ularni sahifada istalgan tartibda joylashtirishingiz mumkin. Blokni qanchalik baland tark etsangiz, uni shunchalik yaxshi baholaysiz va shunga ko'ra, agar blok eng pastki qismida joylashgan bo'lsa, bu sizga eng kam yoqqanligini anglatadi. Bloklarni kerakli ketma-ketlikda joylashtirgandan so'ng, ovozni hisobga olish uchun "So'rovnomani yuborish" tugmasini bosishingiz kerak. Natijalar sahifasida ovoz berish natijalari va ovoz bergan tashrif buyuruvchilar soni ko'rsatiladi. Amaldagi texnologiyalar: CSS, PHP, MySQL, jQuery.

Kiritilgan ma'lumotlarning to'g'riligini tekshiradigan oddiy Ajax sharhlash tizimi. Sharhlar ma'lumotlar bazasida saqlanadi. Amalga oshirilgan: PHP, MySQL, CSS, jQuery.

40. Yuklab olingan fayllar soni hisoblagichi 41. PHP yordamida sahifadagi eslatmalar

Amaldagi texnologiyalar: PHP, jQuery, CSS.

Menyu bandlari bo'ylab harakat qilganingizda, kontent sahifani qayta yuklamasdan yuklanadi. Amaldagi texnologiyalar: PHP, jQuery, CSS.

43. jQuery qidiruvi saytida Google texnologiyasidan foydalangan holda

Google AJAX Search API yordamida sayt qidiruvini amalga oshirish. Siz tashrif buyuruvchiga saytingizda ham, Internetda ham qidirish imkoniyatini berishingiz mumkin. Bunday holda, qidiruv nafaqat sayt sahifalari, balki tasvirlar va multimedia fayllari orqali ham amalga oshirilishi mumkin.

44. Tasvirga tavsifni qoplashning jQuery effekti

Portfelni amalga oshirishda foydalanish mumkin bo'lgan juda qiziqarli effekt. Tasvirni bosganingizda, u shaffof fon bilan qorayadi va nimaga e'tibor berish kerakligini tavsiflovchi sarlavha paydo bo'ladi.

45. jQuery yordamida savol-javob sahifasini amalga oshirish

Saytdagi tez-tez so'raladigan savollar sahifasining jQuery ilovasi. Savollar ro'yxati sahifaning yuqori qismida ko'rsatiladi. Savolni bosganingizda, sahifa siz tanlagan savolga silliq siljiydi va javobi bilan faol savol boshqa rangda ta'kidlanadi. Savollar ro'yxatiga qaytish uchun havola ham faol javoblar maydonida paydo bo'ladi.

46. ​​Ajax veb-sayti. Kontent sahifani qayta yuklamasdan yuklanadi 47. JQuery yordamida fon va matn ranglarini o'zgartirish

Sichqonchani uning ustiga olib borganingizda rang o'zgaradi. Rangni tasodifiy o'zgartirishingiz mumkin.

48. jQuery yordamida sayt qo'llanmasi

Ushbu qiziqarli plagindan foydalanib, agar u birinchi marta tashrif buyurayotgan bo'lsa, tashrif buyuruvchini saytingizning asosiy funktsiyalari bilan tanishtirishingiz mumkin. Sahifani yuklagandan so'ng, yuqori o'ng burchakda sayt bo'ylab sayohat qilishingizni so'ragan blok paydo bo'ladi. Agar tashrif buyuruvchi saytingizga birinchi marta tashrif buyurayotgan bo'lsa, u asosiy funktsiyalar bilan tanishish uchun qisqa qo'llanmadan foydalanishi mumkin. Bu sahifani qoraytiradi va zarur bloklar har bir bosqichda belgilanadi. Agar tashrif buyuruvchi allaqachon sizning saytingizga tashrif buyurgan bo'lsa, u shunchaki saytga ekskursiya taklif qiladigan oynani yopishi mumkin.

49. Joyride Kit veb-saytiga virtual sayohat

Ushbu plagin yordamida siz tashrif buyuruvchini sahifaning asosiy funksiyalari bilan tanishtirishingiz mumkin. Bu elementlarning ketma-ket qalqib chiquvchi tavsifi shaklida amalga oshiriladi. Mehmon "Keyingi" tugmasini bosish orqali barcha maslahatlarni ko'rishi yoki xochdan foydalanib onlayn-turni yopishi mumkin (agar u bu sahifaga birinchi marta kelgan bo'lsa).



 


O'qing:



Texnik fikrlash uchun mini test

Texnik fikrlash uchun mini test

Ixtisoslashtirilgan ta'lim sharoitida o'smirlarning umumiy qobiliyatlarini kompleks diagnostika qilish III QISM 3. Kognitiv soha diagnostikasi 3.3. Sinov...

Kvartira, uy va boshqa ko'chmas mulkni sotish to'g'risida e'lonni bepul yuborish Uyni tez sotish to'g'risida e'lon yuborish

Kvartira, uy va boshqa ko'chmas mulkni sotish to'g'risida e'lonni bepul yuborish Uyni tez sotish to'g'risida e'lon yuborish

Uyni sotish - bu bir qator nuanslarni hisobga olishni talab qiladigan murakkab jarayon. Jarayonni tezlashtirish uchun mutaxassislar mutaxassislarga murojaat qilishni maslahat berishadi. Biroq...

Maktublarni o'qish orqali pul ishlash Xatlarni o'qish, lekin mukofot

Maktublarni o'qish orqali pul ishlash Xatlarni o'qish, lekin mukofot

Ishni boshlashingiz mumkin bo'lgan internetda pul ishlashning eng oddiy yo'li - reklama beruvchilar tomonidan sizga yuborilgan reklama xatlarini o'qib pul ishlash...

Mavzu bo'yicha material: "Chun qalbim bilan" kontsert dasturi barcha epizodlari bilan butun qalbim bilan teleko'rsatuv

Mavzu bo'yicha material: Konsert dasturi

Umuman olganda, dastur sovet xalqining oldindan aytib bo'lmaydigan va murakkab taqdirlari haqida gapirib berdi. Aksariyat tomoshabinlar ko'z yoshlarini tiya olmadilar...

tasma tasviri RSS