Galeri imazhesh në jQuery. Galeria e imazheve në jQuery me efekt interesant galeri jquery me ekran të plotë

1. Zbatimi i Portofolit duke përdorur Galerinë e jQuery

Fotografitë e projektit lëvizin kur ndryshoni pozicionin e kursorit të miut në kolonën e majtë. Zona e përmbajtjes shfaq një imazh të zmadhuar me emrin e projektit, përshkrimin dhe një listë të teknologjive të përdorura. Ndërsa lundroni midis miniaturave, informacioni i projektit ndërron me njëri-tjetrin në një efekt mahnitës të animuar. Kur klikoni në imazhin në faqen e përshkrimit, ajo gjithashtu rritet duke përdorur animacionin jQuery. Unë gjithashtu dua të vë në dukje pamjen mahnitëse elegante të të gjithë faqes së portofolit. Shih demonstrim.

2. Zbatimi super i një faqe portofoli duke përdorur CSS dhe jQuery

Zbatim i shkëlqyeshëm i faqes së portofolit të fotografit. Kur klikoni në një element të menusë, një zonë me përmbajtje të një lartësie dhe gjerësie fikse mblidhet nga sheshet e shpërndara nëpër ekran. Në mënyrë që të vendosni më shumë informacion në zonën fikse, sigurohet lëvizja e përmbajtjes. Zbatimi i shfaqjes së punëve nga një portofol zbatohet në një mënyrë të pazakontë: kur klikoni në një tablo, fotografia shfaqet si një imazh i sfondit, i cili shkallëzohet automatikisht kur ndryshohet madhësia e dritares së shfletuesit.

3. muri i portofolit jQuery

Një zgjidhje origjinale për krijimin e një portofoli në internet. Blloqet e projektit (miniaturat dhe një përshkrim i shkurtër me një lidhje) shfaqen disa me radhë; kur ndryshon dritarja e shfletuesit, blloqet shpërndahen në mënyrë të barabartë në faqe me një efekt të animuar. Secili projekt mund të ketë disa imazhe të tablove, kalimi ndërmjet të cilave kryhet duke përdorur shigjetat. Klikimi mbi lidhjen hap një faqe të plotë të përshkrimit me tekstin e vendosur në një bllok lëvizës gjysmë transparent, me lartësi fikse. Një imazh i shkallëzuar i projektit përdoret si sfond i faqes. Duket bukur - shikoni demonstrimin.

4. Zhvendosja e qetë e faqes jQuery

Zbatimi i lëvizjes vertikale dhe horizontale.

5. Shtojca jQuery "Rrjeti i Kutive të Imazheve Draggable"

Një rrjet tërheqje-lëshimi i përbërë nga blloqe përmbajtjesh dhe imazhesh. Rrjeti mund të zvarritet me miun (shtypni çdo buton të miut dhe tërhiqeni në drejtimin e dëshiruar). Kur klikoni në një tablo, imazhi kryesor zgjerohet në gjerësinë e plotë të ekranit. Kur klikoni në një bllok të errët me tekst, zbulohet një zonë me një përshkrim më të hollësishëm.

6. Një faqe me një faqe portofoli

Një faqe me një faqe me ndryshim të përmbajtjes së animuar. Në faqen demo, kaloni nëpër skedat e menusë për të parë efektin.

7. Kalimi i shfaqjes së blloqeve në jQuery

Me ndihmën e kësaj shtojce jQuery "Ndërroni Opsionet e Shfaqjes", ju mund të implementoni një ndërprerës në faqe, me të cilin vizitori do të kalojë nga një tabelë e informacionit në një pamje të plotë me përshkrimet e bllokut. E përsosur për implementimin e portofolit.

8. Model për një faqe në internet restorantesh me galeri jQuery dhe hartë nga Google

Zgjidhje origjinale jQuery e ndërtuar për sitin e kafeneve. Shablloni ka një galeri interesante jQuery për shfaqjen e pjatave nga menuja. Imazhet në galeri shkallëzohen bazuar në madhësinë e dritares së shfletuesit. Së pari, galeria tregon fotografitë me emrin dhe një përshkrim të shkurtër të pjatave, me foton me madhësi të plotë të shfaqur të errët në sfond. Navigimi midis fotove të disponueshme kryhet duke përdorur shigjetat ose rrotën e miut. Klikimi në mënyrën e galerisë do të heqë miniaturat me përshkrimin dhe do t'ju lejojë të shihni imazhet origjinale të mëdha të shtrira në gjerësinë e plotë të dritares. Për t'u kthyer në menunë e faqes nga galeria, klikoni në lidhjen në këndin e sipërm të djathtë. Përveç galerisë së mrekullueshme jQuery, një hartë nga Google është integruar në mënyrë shumë efektive në model.

9. Shtojca Plasm The Wall

Për të krijuar një lloj "mure" fotografish ose blloqesh HTML, të cilat mund të tërhiqen me miun nëpër ekran brenda një zone fikse.

10. Shtojcë për shfaqjen e elementeve në një rreth

Shfaq në faqe elemente të ndryshëm përgjatë rrethit me diametër të caktuar.

11. Faqja e cungut "Vend në ndërtim"

Faqja ka aftësinë për të dërguar një adresë e-mail, e cila është regjistruar në bazën e të dhënave dhe për të cilën do të jetë e mundur të dërgoni një njoftim për hapjen e faqes. Faqja është zbukuruar gjithashtu me një prezantim të vogël, të zbatuar në bazë të shtojcës jQuery Nivo Slider v. 2.3.

12. Shtojca QuickFlip 2

Me të, ju mund të bëni një efekt interesant rrotullues të kartës së biznesit kur klikoni në një lidhje.

13. jQuery klikoni në hartë

Ideja është të gjurmoni klikimet e përdoruesve. Në mënyrë që të shihni shtojcën në veprim në faqen demo, klikoni me miun, dhe pastaj klikoni në butonin "Analiza". Dhe në një sfond gjysmë transparent, do të shfaqen pikat ku keni klikuar me miun.

Zbatimi i një tastiere të këndshme në ekran. Kurrë nuk e dini, do t'ju vijë në ndihmë për diçka.

15. Shënime jQuery

Zbatimi i broshurave me shënime. Teksti mund të redaktohet, dhe vetë shënimet mund të fshihen ose të zhvendosen nëpër ekran. Për të parë një shembull, shkoni te faqja demonstruese në skedën "Demo".

16. Vlerësimi i pyetësorit j

17. HoverAttribute

Dizajn interesant i lidhjeve: kur kaloni mbi një lidhje, spiranca e saj ndryshon. Duket bukur.

18.jQuery Fancy captcha për formularin e regjistrimit

Zbatimi i Captcha për formularin e regjistrimit. Shtojca është një grup numrash që duhet të vendosen në rend rritës duke tërhequr zvarrë. Mënyrë mjaft interesante për të konfirmuar që regjistrimi është person real, dhe jo robot.

Ka butona në fund të ekranit që mund t'i përdorni për të lëvizur lart ose poshtë faqes pa probleme.

20. Përkthyes. shtojca jQuery "jTextTranslate"

Shtojca përdor Google Language API dhe mund të përkthejë tekstin në çdo gjuhë të siguruar nga Google. Për të përkthyer, duhet të klikoni në ikonën pranë paragrafit dhe të zgjidhni gjuhën që dëshironi të përktheni nga lista zbritëse.

21 shtojcë pagëzimi jQuery

Zbatim i shkëlqyeshëm i lidhjeve lëvizëse për lundrim në faqe. Zbatuar duke përdorur jQuery.

22. Shtojca jQuery Notes

Kjo shtojcë jQuery ju lejon të zbatoni shënime letre në faqen tuaj.

23. Shtojca jQuery "Catch404"

24. shtojca jQuery jBreadCrumb

Shtojcë për krijimin e zinxhirit të animuar të shfletimit të bukëve të bukës

25. Shtojca "mbështjell"

26. shtojca jQuery "Kati i Vallëzimit"

shtojca jQuery për implementimin e faqes së produktit. Kur klikoni në imazhin e produktit, shfaqet përshkrimi i tij.

27. shtojca jQuery "Reja 3D e Vendeve"

28. Butonat e rëndë CSS

29. Rrotullimi i animuar i faqes horizontale

efekti i lëvizjes vertikale jQuery. E përsosur për zbatimin e faqeve me një faqe dhe faqeve të portofolit. Për të parë efektin, klikoni në një element të menusë në faqen demo.

30. shtojca jQuery "Sistemi i vlerësimit"

efekti jQuery për të zbatuar vlerësimin e diçkaje. Ngjyra e rrathëve dhe teksti poshtë tyre ndryshojnë në varësi të cilit është kursori i miut.

31. jQuery Paneli Magjik

Një shtojcë që zbaton lundrimin në sit. Në të njëjtën kohë, faqja juaj paraqitet si një rrjet dokumentesh, midis të cilave bëhet një tranzicion me një efekt interesant jQuery.

Ju mund ta përdorni me lehtësi këtë shtojcë për të ndërtuar faqe të vogla dhe aplikacione në internet. Do të duket mirë edhe në faqet e portofolit.

32. Treguesi i ngarkimit në Mootools, shtojca "MoogressBar"

Treguesi efektiv i ngarkimit.

33. Shtojca Mootools "CwComplete"

Kur plotësoni fushën, shtojca do të kërkojë mundësi të mundshme për plotësim duke përdorur Ajax, ndërsa do të filtrojë dhe tregojë vetëm ato mundësi që plotësojnë tekstin e futur tashmë në fushë.

34. Bisedë e shkëlqyeshme ajax duke përdorur jQuery dhe CSS3

Para fillimit të një bisede, një vizitor duhet të shkruajë pseudonimin dhe postën elektronike të tij. Kolona e djathtë tregon se sa njerëz janë regjistruar në bisedë. Teknologjitë e përdorura: PHP, MySQL, jQuery, CSS.

35. Zbatimi i faqes "Propozo nga projekti"

Vizitorët mund të shtojnë një propozim të ri ose të votojnë për një ekzistues. Një zgjidhje e shkëlqyeshme për ata që duan të dinë mendimin e audiencës së tyre në lidhje me faqen. Gjithashtu, kjo faqe mund të përdoret për të grumbulluar ide të reja për zhvillimin e mëtejshëm të projektit tuaj. Teknologjitë e përdorura: PHP, MySQL, jQuery, CSS

36. Zbatimi i një votimi / sondazhi me PHP dhe jQuery

37. Votimi në Ajax "TinyEditor"

Zbatimi i saktë i sondazheve në sit. Teknologjitë e përdorura: jQuery, Ajax, PHP dhe MySQL.

Një zgjidhje shumë interesante për zbatimin e votimit në sit. Duke tërhequr blloqet lart e poshtë, duke kapur imazhet me miun, mund t'i renditni ato në faqe sipas çfarëdo renditje. Sa më lart të largoheni nga blloku, aq më mirë e vlerësoni dhe, në përputhje me rrethanat, nëse vendosni bllokun në fund, do të thotë që ju ka pëlqyer më pak. Pasi të keni vendosur blloqet në rendin e dëshiruar, duhet të klikoni në butonin "Dorëzo sondazhin" në mënyrë që vota të merret parasysh. Faqja e rezultateve tregon rezultatet e votimit dhe numrin e vizitorëve që votuan. Teknologjitë e përdorura: CSS, PHP, MySQL, jQuery.

Sistem i thjeshtë i komentimit Ajax me vërtetimin e informacionit të dhënë. Komentet ruhen në bazën e të dhënave. Zbatuar duke përdorur: PHP, MySQL, CSS, jQuery.

40. Numëruesi i numrit të shkarkimeve të skedarëve

41. Shënimet në një faqe duke përdorur PHP

Teknologjitë e përdorura: PHP, jQuery, CSS.

Kur lundroni nëpër artikujt e menusë, përmbajtja ngarkohet pa e ringarkuar faqen. Teknologjitë e përdorura: PHP, jQuery, CSS.

43 kërkim i faqes jQuery duke përdorur teknologjinë nga Google

Zbatimi i kërkimit të faqes duke përdorur Google AJAX Kërko API. Ju do të jeni në gjendje të ofroni një mundësi që vizitori të kërkojë si në faqen tuaj të internetit ashtu edhe në internet. Në këtë rast, kërkimi mund të kryhet jo vetëm në faqet e faqes, por edhe në imazhe dhe skedarë multimedialë.

44. jQuery përshkrim efekt mbivendosje në imazh

Një efekt shumë interesant që mund të përdoret në zbatimin e një portofoli. Kur klikoni në imazh, ajo errësohet me një sfond të tejdukshëm dhe shfaqet një mbishkrim me një përshkrim të asaj që duhet t'i kushtoni vëmendje.

45. Zbatimi i një faqeje pyetje-përgjigje me jQuery

zbatimi i pyetësorit të faqes FAQ në faqe. Një listë e pyetjeve shfaqet në krye të faqes. Kur klikoni në një pyetje, faqja lëviz pa probleme te ajo e zgjedhur dhe pyetja aktive me përgjigjen e saj theksohet me një ngjyrë tjetër. Gjithashtu, një lidhje shfaqet në fushën e përgjigjes aktive për t'u kthyer në listën e pyetjeve.

46. \u200b\u200bUebfaqe në Ajax. Përmbajtja ngarkohet pa e ringarkuar faqen

47. Ndryshoni sfondin dhe ngjyrën e tekstit me jQuery

Ngjyra ndryshon kur vendosni kursorin e miut. Ju mund të bëni ndryshimin e ngjyrës në mënyrë të rastësishme.

48. Udhëzues për sitin duke përdorur jQuery

Me ndihmën e kësaj shtojce interesante, ju mund ta familjarizoni vizitorin me funksionet themelore të faqes tuaj, nëse ai vjen në të për herë të parë. Kur faqja ngarkohet, një bllok shfaqet në këndin e sipërm të djathtë me një propozim për të bërë një turne në sit. Nëse një vizitor po viziton faqen tuaj për herë të parë, ata mund të njihen me funksionet kryesore duke përdorur një udhëzues të vogël. Në këtë rast, faqja errësohet dhe blloqet e nevojshme shënohen me një shenjë në secilin hap. Nëse vizitori tashmë ka qenë në faqen tuaj më parë, ai thjesht mund të mbyllë dritaren duke ofruar një vizitë në sit.

49. Turne virtual në faqen e internetit të "Joyride Kit"

Duke përdorur këtë shtojcë, ju mund ta familjarizoni vizitorin me funksionalitetin kryesor të faqes. Kjo është bërë në formën e një përshkrimi pop-up vijues të elementeve. Vizitori mund të shikojë të gjitha këshillat duke klikuar në butonin Next, ose të mbyllë turneun në internet (nëse nuk është hera e parë që ai vjen në këtë faqe) duke përdorur kryqin.

Duke vazhduar serinë e rishikimeve të zgjidhjeve të reja që kam filluar, vendosa të bëj së bashku një koleksion më të plotë të prezantimeve dhe galerive fotografike interesante dhe efektive që kam parë ndonjëherë, të krijuar duke përdorur magjinë e jQuery.
Unë dua t'ju paralajmëroj menjëherë se burimet që do të diskutohen në përmbledhje janë kryesisht në anglisht, por unë mendoj se kush ka nevojë për të, ata do ta kuptojnë atë në mënyrë intuitive ose me ndihmën e përkthyesve, nga të cilët ka një monedhë një duzinë. Dhe nëse shikoni me kujdes, mund të gjeni përshkrime të teknikës për krijimin e disa galerive dhe rrëshqitësve në rusisht, pasi që shumë nga zhvilluesit tanë të internetit përkthejnë në procesin e punës në një projekt të veçantë, së pari për veten e tyre, dhe më pas postojnë përshkrime të hollësishme të të gjitha manipulimeve të tyre falas. ...
Për shembull, unë bëra të njëjtën gjë, një herë duke punuar në mekanizmin e krijimit, në fillim gjeta në borgjez një version të përshtatshëm të galerisë për mua, e përktheva atë për një kuptim më të mirë të asaj që po bëja, dhe më vonë kjo doli, unë guxoj të shpresoj, jo një artikull i keq për përdorimin e shkrimit Highslide, me shembuj të punës në variacione të ndryshme të zbatimit.
Dhe kështu, mjaft nga lirikat e panevojshme, le të shkojmë drejtpërdrejt në rishikim, të shohim, të lexojmë shpjegime të shkurtra dhe të zgjedhim midis një numri të madh shtojcash dhe skenarësh të rinj jQuery për të zbatuar rrëshqitës të imazheve interesante, galeri fotografish, shfaqje prezantimesh në faqet tuaja: me ndryshim automatik dhe manual diapozitivë, rrëshqitës të imazhit në sfond, me dhe pa miniatura, etj. etj ...

Of.Website | Demo

Një galeri e plotë, e personalizueshme e imazheve jQuery me elemente të prezantimit, efektet e tranzicionit dhe mundësi të shumta albumi. I pajtueshëm me të gjithë shfletuesit modernë desktop dhe celular.

Një udhëzues për krijimin e një galerie me ekran të plotë të bazuar në jQuery. Ideja është që të keni një tablo të imazhit të ekranit të plotë të treguar në anë, me reflektim ndërsa lëvizni nëpër imazhe duke përdorur shigjetat ose kokeshikun e miut. Imazhet e mëdha ndryshojnë në stilin e shfaqjes së diapozitivave lart ose poshtë në varësi të tranzicionit që zgjidhni. Mundësia për të shkallëzuar figurën, e cila e bën imazhin në sfond për ta parë në modalitetin e ekranit të plotë ose përshtatet me madhësinë e faqes.

Parallaks Slider

Parallaks Slider një zgjidhje interesante për organizimin e shfaqjes së imazheve në formën e një prezantimi me kontrolle manuale. Tërheq vendosjen origjinale të miniaturave të fotove. Uebfaqja zyrtare ka një paraqitje të plotë për integrimin dhe konfigurimin e rrëshqitësit.

Galeria Slideshow Minimalistic me jQuery një galeri e shkëlqyeshme e imazheve me elemente të ndryshimit automatik të imazhit, si dhe me aftësinë për të kontrolluar manualisht shfaqjen dhe përzgjedhjen e imazheve nga një bllok zbritës me një rrjet fotografish. Nga minuset, mund të vërejmë mungesën e shikimit të imazheve në shkallë të plotë, por ky është minimalizmi i kësaj galerie.

Isshtë një prezantim me ekran të plotë me imazhe që ndryshojnë automatikisht, pa efekte që sjellin mendjen, gjithçka është e thjeshtë dhe me shije.

Galeria Minimitështë një shtojcë shumë e personalizueshme jQuery me një përzgjedhje të madhe të tranzicionit kur shfaq imazhet. Me ndihmën e galerisë Minimit, ju mund të organizoni një demonstrim të imazheve në formën e një karuseli, shfaqjeje rrëshqitëse, një rrotulluesi të thjeshtë dhe një fotografi të thjeshtë që shfleton.

Isshtë një shtojcë e vogël (2 KB) jQuery që ofron një mënyrë të thjeshtë, pa kuptim, për të shfaqur imazhet si shfaqje prezantimi.

Ashtë një galeri e këndshme javascript me kontrolle intuitive dhe pajtueshmëri të përsosur në të gjithë kompjuterët, iPhone dhe pajisjet mobile. Shumë e lehtë për tu instaluar dhe konfiguruar

Ndryshe nga shumë rrëshqitës të imazheve Javascript dhe jQuery, Slider.js është një zgjidhje hibride, tranzicione efikase CSS3 dhe bazuar në animacion.

Ky është një model me një faqe për krijimin e prezantimeve të ndryshme në HTML5 dhe CSS3.

Diapo prezantimi me diapozitiv është një projekt me burim të hapur. Mund të sugjeroni ndryshime ose përmirësime nëse dëshironi. Ju mund ta shkarkoni dhe përdorni falas, gjithashtu asgjë dhe askush nuk shqetësohet të përdorë këtë slider në projektet tuaja. Slider është lehtësisht i përshtatshëm, tranzicion interesant midis përmbajtjes së paraqitur dhe ju mund të vendosni gjithçka në rrëshqitës, funksionon shumë shpejt, pa asnjë bllokim.

A nuk është asgjë më shumë sesa një mjet tjetër për krijimin e prezantimeve me prezantime në faqet e internetit dhe projekte të tjera në internet. Mbështetur nga të gjithë shfletuesit modernë, animacion horizontale dhe vertikale, mbështetje për tranzicionet e personalizuara, API të rikthimit dhe më shumë. Ju mund të përdorni çdo element html në diapozitivë, të kuptueshëm dhe të arritshëm për fillestarët, të shpërndarë plotësisht falas.

Slideshow JavaScript për Zhvillim të Shkathët

Zbatoni shfaqjet tuaja prezantuese me këtë shtojcë të mrekullueshme jQuery. Një mjet shumë i personalizueshëm që të mund të ndërtoni prezantimin tuaj të përmbajtjes sipas kërkesave tuaja. Një format i të dhënave përdoret për të siguruar integrimin më të lehtë me të dhëna të jashtme ose të dhëna nga CMS-ja juaj. Ky është një version i ri dhe i shkruar nga e para. Zhvilluesit janë përpjekur të përshkruajnë të gjithë procesin e punës me idenë e tyre në një mënyrë jashtëzakonisht të qartë dhe të kuptueshme.

- shtojcë jQuery që ju lejon të ktheni listat e parenditura në shfaqje me diapozitivë me efekte tërheqëse të animacionit. Në një shfaqje diapozitivash, ju mund të shfaqni një listë të diapozitivave, ose duke përdorur numra ose fotografi, ose duke përdorur butonat e mëparshëm dhe të ardhshëm. Rrëshqitësi ka shumë lloje origjinale të animacionit, duke përfshirë kubin (me nënlloje të ndryshme), tub, bllok etj.

Një seri e plotë mjetesh për organizimin e të gjitha llojeve të prezantimeve me përmbajtje të ndryshme në projektet tuaja në internet. Djemtë borgjezë bënë çmos, përfshirë në klip, pothuajse të gjitha llojet e rrëshqitësve dhe galerive të ndryshme duke përdorur magjinë e jQuery. Slider fotografish, galeri fotografish, prezantim dinamik dinamik, karusel, rrëshqitës i përmbajtjes, menuja e skedave dhe shumë më tepër, në përgjithësi, ka një vend për të endur në imagjinatën tonë të papërmbajtshme.

Kjo është një shtojcë prezantimi Slidesh jQuery e ndërtuar me thjeshtësinë në mendje. Mbushur me vetëm grupin më të dobishëm të funksioneve, si për fillestarët dhe zhvilluesit e përparuar, duke siguruar aftësinë për të krijuar shfaqje të thjeshta, por në të njëjtën kohë shumë efektive, që janë miqësore për përdoruesit.

- një rrëshqitës i tillë i thjeshtë i ndërtuar në jQuery, i thjeshtë në të gjitha aspektet, nuk kërkon ndonjë aftësi të veçantë, mendoj se shumë do t'ju vijnë në ndihmë për zbatimin e prezantimeve në faqet e tyre. Shtojca është testuar në të gjithë shfletuesit modernë, përfshirë IE-në më të ngadaltë.

jbgallery është një lloj widget i ndërfaqes së përdoruesit i shkruar në javascript të bibliotekës jQuery. Funksioni i tij është të tregojë një imazh të madh si sfondin e sitit në modalitetin e ekranit të plotë, disa imazhe si rrëshqitës. Të gjitha mënyrat e shikimit kanë kontrolle shikimi. Një zgjidhje interesante në mënyrën e vet, ku nuk është as standarde.

Shtë një shtojcë e lehtë për t'u përdorur jQuery për të shfaqur fotot tuaja si një shfaqje diapozitivësh me efekte kalimi midis imazheve (të shikuara dhe më interesante). jqFancyTransitions është kompatibil dhe i testuar gjerësisht me Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Shtë një shtojcë jQuery falas për të parë imazhe dhe çdo informacion tjetër në formën e një "lightbox". Dritare me kontrolle, sfond me hije dhe të gjitha, të thjeshta dhe me shije.

Një tjetër shtojcë jQuery nga seria Lightbox, megjithëse peshon në një mënyrë të turpshme (9 KB), ndërsa ka një mori mundësish për të punuar. Ekziston një ndërfaqe e krijuar në mënyrë të denjë që gjithmonë mund ta përmirësoni ose personalizoni me CSS.

Tashmë nga emri bëhet e qartë se nuk ka asgjë të zbukuruar, ne kemi një rrotullues automatik të imazhit shumë të thjeshtë me kontrolle plotësisht mungon. Kush e di, mbase vetëm nga minimalizmi i tij, ky rrëshqitës do të tërheqë vëmendjen tuaj.

Rotator imazhi me lloje të ndryshme të tranzicionit. Punon si në modalitetin automatik ashtu edhe në klikim, konfigurohet mjaft lehtë.

- një galeri e plotë e imazheve sesa thjesht një rrëshqitës. Paraqitje e fotografive dhe aftësia për të zgjedhur efektet e tranzicionit, mbështetje të plotë për të gjithë shfletuesit, përshkrim të hollësishëm të integrimit në një projekt në internet dhe shpërndarje falas.

Shtë një zbatim i prezantimeve të gatshme për përdorim duke përdorur skenarë / prototip ose jQuery. Horinaja është një lloj zgjidhjeje inovative, sepse ju lejon të përdorni timonin për të lëvizur nëpër përmbajtjen e vendosur në rrëshqitës. Kur treguesi i miut është jashtë zonës së shfaqjes së diapozitivave, ndryshimi ndodh automatikisht, kur treguesi vendoset mbi shfaqjen e diapozitivit, lëvizja ndalet.

Një tipar nga një seri rrotulluesish më të thjeshtë të imazheve, megjithëse me praninë e kontrolleve të shikimit, përkatësisht, funksionon në të dy mënyrat automatike dhe manuale.

s3Slider - shtojca jQuery, krijon një prezantim diapozitivësh nga një listë e pa rregulluar e imazheve dhe mund të zbatohet lehtësisht në çdo faqe në internet.

Kjo është një shtojcë jQuery që është e optimizuar për të trajtuar vëllime të mëdha fotografish duke ruajtur gjerësinë e bandës.

Sfondi i Vegasit

Shtojca Vegas Background jQuery ju lejon të shtoni imazhe të bukura në sfond me ekran të plotë në faqet tuaja të internetit, të gjitha me elemente të shfaqjes së diapozitivave. Nëse studioni me kujdes ndërlikimet e punës me shtojcën, mund të gjeni shumë zgjidhje interesante, natyrisht, nëse vetëm keni nevojë për të.

- një rrëshqitës si një rrëshqitës, jo më shumë, as më pak, me titra për imazhe ose njoftime të artikujve dhe kontrolle të thjeshta, duke "shtypur"

Javshtë një javascript i lehtë (rreth 5 KB) për organizimin e shikimit të imazhit. Ndryshimi automatik dhe shkallëzimi i imazheve të mëdha, ju lejon të shihni foton në madhësi të plotë brenda dritares së shfletuesit

Galeria e imazheve PikaChoose jQuery version 4 është në dispozicion! Pikachoose është një prezantim i lehtë jQuery me karakteristika të shkëlqyera! Integrimi me Fancybox, tema të shkëlqyera (megjithëse jo falas) dhe shumë më tepër ofrohen nga zhvilluesit e shtojcave.

Kontrollon numrin e imazheve në listën tuaj dhe krijon dinamikisht një sërë lidhjesh fotografike në formën e navigimit dixhital. Për më tepër, klikimi mbi secilën imazh do të lëvizë përpara ose prapa, dhe gjithashtu mund të shfletoni imazhet në varësi të zonës së klikimit në foto (për shembull: klikimi në anën e majtë të figurës do të lëvizë rrëshqitjet prapa dhe prapa, përkatësisht, për anën e djathtë të figurës).

Një tjetër rrëshqitës i jQuery që përshtatet në mënyrë të përkryer në çdo model WordPress.

Një zhvillim tjetër i "Nivo", si gjithçka që bëjnë djemtë nga kjo studio, shtesa është bërë me cilësi të lartë, përmban 16 efekte unike tranzicioni, navigim në tastierë dhe shumë më tepër. Ky version përfshin një shtojcë të dedikuar direkt për WordPress. Pra, për të gjithë adhuruesit e këtij motori të blogjeve, Nivo Slider do të jetë tamam si duhet për temën.

shtojcë jQuery që ju lejon të krijoni shpejt një rrëshqitës të thjeshtë, efektiv dhe të bukur për imazhe të çdo madhësie.

Piroboxështë një skenar i lehtë "lightbox" i jQuery, shikimi është në një bllok popup që automatikisht përshtatet me madhësinë e imazhit, me të gjitha kontrollet.

Krijuesit e kësaj galerie ofrojnë një prezantim mjaft origjinal të fotografive. Imazhet shfaqen si miniatura në formën e një vale, kur klikoni në miniaturë, ne do të mendojmë për një version të mesëm të fotos, klikojmë për herë të dytë dhe do të keni një imazh të madh. Ju mund ta konsideroni këtë një eksperiment, por duhet të pranoni se diçka e re dhe e pazakontë është gjithmonë interesante.

Slideshow në ekran të plotë me HTML5 dhe jQuery

Për të krijuar shfaqje diapozitivësh dhe për të shfaqur fotografi në modalitetin e ekranit të plotë, zhvilluesit përdorën shtojcën Vegas jQuery tashmë të njohur për ju, e cila përmban shumë ide dhe teknika të përshkruara më parë në detaje në artikujt e grupit. Tërhequr nga prania e elementeve audio HTML5 dhe stili i ekzekutimit të tranzicionit midis imazheve.

Një zhvillim tjetër i ekipit të Codrops, një galeri e plotë dhe funksionale e imazheve, sidoqoftë, çfarë kuptimi ka të përshkruash, duhet parë.

Slideshow fotosh, fotografitë zhduken pikërisht para syve tuaj, efekti është i mahnitshëm.

Isshtë një kornizë JavaScript e galerisë së imazheve e ndërtuar në majë të bibliotekës jQuery. Qëllimi është të thjeshtësojmë procesin e zhvillimit të një galerie profesionale të imazheve për pajisje në internet dhe celular. Mundësia për të parë në dritaren që shfaqet dhe në modalitetin e ekranit të plotë.

Në heshtje, ne fillojmë të mësohemi dhe të presim për punë të reja nga ekipi i Codrops. Ju lutemi merrni një rrëshqitës të shkëlqyeshëm të fotografive me një efekt të shkëlqyeshëm të tranzicionit 3D për të parë fotografitë në modalitetin e ekranit të plotë.

Një tjetër shtojcë WordPress në serinë e organizatorëve të prezantimeve. Integrohet lehtësisht në pothuajse çdo dizajn dhe ofron shumë mundësi personalizimi për përdoruesit me përvojë, si dhe ata pa përvojë.

Një shtojcë tjetër e shkruar për WordPress do ta bëjë shumë më të lehtë organizimin e shfaqjeve diapozitivësh të fotove ose ndonjë përmbajtje tjetër në bloget tuaja.

Shtojcë e bukur për prezantimin me diapozitivë për integrimin e wordpress. Shfaqja me diapozitivë Xili-floom instalohet automatikisht, dhe gjithashtu lejohen cilësimet personale.

Slimbox2 është një shtojcë e mirë-krijuar WordPress për shfaqjen e imazheve me efektin "Lightbox". Mbështet shfaqjen automatike të diapozitivave dhe ndryshimin e imazhit në dritaren e shfletuesit. Sidoqoftë, kjo shtojcë ka shumë përparësi në krahasim me shtojcat e tjera në këtë seri.

Kjo shtesë, widget ju lejon të krijoni prezantime dinamike, të prezantueshme dhe prezantime për faqen tuaj te internetit ose blogun WordPress

Kjo shtojcë WordPress shndërron imazhet e ngulitura në galeri në një shfaqje të thjeshtë dhe fleksibile. Shtojca përdor rrëshqitësin e imazhit FlexSlider jQuery dhe preferencat personale të përdoruesit.

Shtë një shtojcë WordPress për organizimin e prezantimeve me fotografi, imazhe nga SmugMug, Flickr, MobileMe, Picasa ose Photobucket RSS, funksionon dhe shfaq me Javascript të pastër.

Një rrëshqitës i thjeshtë si ky për WordPress dhe më shumë. Asgjë e tepërt dhe e rëndë, puna është bërë në një stil minimalist, theksi është tek stabiliteti dhe shpejtësia, ajo lidhet në mënyrë të përkryer me motorin e menaxhimit të blogut.

Sipas mendimit tim Skitter është një nga rrëshqitësit më të mirë të wordpress. Tërheq qëndrueshmërinë dhe shpejtësinë e punës, kontrollet jo shumë të spikatur, efektet e tranzicionit dhe një lidhje mjaft të thjeshtë me temën.

Shtë një shtojcë për WordPress, me të cilën ju lehtë dhe shpejt mund të organizoni një galeri të imazheve në faqen tuaj me aftësinë për të parë në një modalitet të prezantimit. Ekrani mund të jetë automatik ose i kontrolluar plotësisht me ekranin e tablove dhe titrat e imazheve.

Of.Website | Demo

Tregon të gjitha fotografitë për një postim / faqe si një shfaqje diapozitivësh. Instalim i lehtë. Kjo shtojcë kërkon Adobe Flash për versionin me animacion në tranzicion, nëse nuk gjendet Flash, rrëshqitësi po punon normalisht.

Një tjetër rrëshqitës i thjeshtë WordPress që tregon imazhe postimi dhe pamje paraprake të artikujve të shkurtër. Unë përdor një shtojcë të tillë në këtë blog herë pas here.

Slide Meteor është një rrëshqitës wordPress i jQuery që ka mbi njëzet stile tranzicioni për të zgjedhur. Autori e quajti shtojcën "meteor", ndoshta duke nënkuptuar shpejtësinë e punës, mbase unë nuk kam vërejtur asgjë në lidhje me meteorin.

galeria oQey është një galeri e plotë e imazheve me elemente të shfaqjes së diapozitivave për wordpress, me video dhe mundësi muzikore të ngulitura.

Shtë një prezantim diapozitivësh me elemente flash-animacioni për shikimin e imazheve dhe videove në faqet e internetit dhe blogjet. Ju mund ta vendosni këtë rrëshqitës në çdo faqe në internet, ta plotësoni atë në çdo madhësi dhe me çdo përmbajtje që ju pëlqen.

Shtojca Flash Gallery kthen galeritë tuaja të rregullta në mure mahnitëse të imazheve, me mbështetje për shumë albume për postim, pamje para ekranit të plotë dhe modalitetin e shfaqjes.

WOW Slider është një rrëshqitës i imazheve jQuery për WordPress me pamje të mahnitshme (Shpërthimi, Fluturimi, Blinds, Sheshet, Feta, Base, Fade, Stack, Vertical Stack dhe Linear) dhe modele të dizajnuara në mënyrë profesionale.

Promovimi Slider është një shtojcë jQuery që e bën të lehtë të luash një prezantim të thjeshtë, ose të zbatosh zona të shumta reklamash rrotulluese në faqe, sepse është një mjet shumë i personalizueshëm, do të kesh kontroll të plotë mbi atë që tregohet në rrëshqitës dhe mënyrën e funksionimit të modulit. përgjithësisht.

| Demo

E re në versionin 2.4: mbështetje për renditjen e fotove drag-n-drop direkt përmes redaktuesit WordPress, si dhe aftësia për të shtuar lidhje fotografike në imazhet kryesore. (IE8 mund të ketë mete, funksionon mirë në të gjithë shfletuesit kryesorë. Autorët premtojnë mbështetje të plotë për IE8 në të ardhmen.)

| Demo

Akordi i fundit i këtij rishikimi do të jetë kjo shtojcë WordPress, një tjetër slider me efekte vizuale interesante për zgjedhjen dhe ndryshimin e imazheve.

Shikoj të gjitha sa më sipër dhe jam i habitur që duhet të jetë një fluturim i imagjinatës për njerëzit njerëzorë dhe kjo nuk është e gjitha që zhvilluesit e larmishëm të internetit kanë grumbulluar kohët e fundit në temën e organizimit të imazheve në projekte në internet. Greatshtë e mrekullueshme që tani është e mundur të sjellësh zgjidhje kaq të shkëlqyera për krijimin e galerive dhe shfaqjeve diapozitivësh.
Unë guxoj në heshtje të shpresoj se në këtë koleksion do të gjeni diçka interesante për veten tuaj, mbyllni galerinë ose rrëshqitësin tuaj unik, për kënaqësinë e përdoruesve tuaj dhe, natyrisht, për veten tuaj, të dashurin tuaj, por ku pa atë ...

nga Dmitry Semenov
është një galeri imazhesh dhe plugin rrëshqitës për përmbajtjen e jQuery. Completelyshtë plotësisht i përgjegjshëm, miqësor me prekje dhe ka arkitekturë modulare që ju lejon të përfshini vetëm karakteristikat që ju nevojiten për të optimizuar madhësinë dhe performancën e skedarit.

nga Andy - Përgjegjësi i kafesë
Një shtesë e galerisë / vitrinës shumë e personalizueshme për jQuery.

nga Trent
Galleriffic është një shtojcë jQuery që siguron një përvojë të pasur, pa kthim pas, të optimizuar për të trajtuar vëllime të larta fotografish duke ruajtur gjerësinë e bandës.

Galeria Tonic - Galeria e Portofolit të JQuery XML | 6 dollarë

nga Aino
Galleria është një kornizë e galerisë së imazheve JavaScript e ndërtuar në majë të bibliotekës jQuery. Qëllimi është të thjeshtojë procesin e krijimit të galerive profesionale të imazheve për rrjetin dhe pajisjet mobile.

nga CatchMyFame
Ditën tjetër unë kërkova një mënyrë të thjeshtë duke përdorur jQuery për të zbehur midis një sërë imazhesh në një faqe. Kështu që, duke qenë një kodues, vendosa të krijoj shtojcën time.

nga Thomas Kahn
Smroll Div Scroll është një shtojcë jQuery që lëviz përmbajtjen horizontalisht majtas ose djathtas. Përveç shumë prej shtojcave të tjera të lëvizjes që janë shkruar për jQuery, Smooth Div Scroll nuk e kufizon lëvizjen në hapa të veçantë.

nga Victor Zambrano - frwrd.net
Minishowcase është një galeri e vogël dhe e thjeshtë fotografish në internet php / javascript, e mundësuar nga AJAX që ju lejon të shfaqni me lehtësi imazhet tuaja në internet, pa baza të të dhënave komplekse ose kodim, duke lejuar që të keni një galeri që funksionon brenda pak minutash.

nga Caspar David Friedrich
EOGallery është një galeri prezantimesh rrëshqitëse e animuar në internet e bërë me jQuery. Ai përdor vetëm funksionet themelore të jQuery dhe Thickbox të Cody Lindley për të shfaqur fotografi më të mëdha.

nga Arnault Pachot
Një karusel me shumë format për jQuery, portofol jo pengues dhe i arritshëm që mbështet media të shumta: foto, video (flv), audio (mp3). Kjo shtojcë për jQuery do të zbulojë automatikisht shtrirjen e secilës media dhe do të zbatojë luajtësin e përshtatur.

Muri - Galeria e mediave - mundësuar nga jQuery | 5 dollarë

nga Stefan Petre
Një tjetër shtojcë e galerisë së imazheve me efekt hapësinor, shtojcë shumë e lehtë dhe e thjeshtë.

nga Moreno Di Domenico
jmFullWall është një shtojcë jQuery për krijimin e një portofoli mbresëlënës.

nga Fabrizio Calderan
Mosaiqy është një shtojcë jQuery për shikimin dhe zmadhimin e fotografive duke punuar në Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome dhe IE7 +. Fotografitë merren nga një strukturë e të dhënave JSON / JSONP dhe zhvendosen rastësisht brenda rrjetit. Të gjitha animacionet e shtrenjta merren nga GPU-ja juaj në shfletuesit e fundit duke përdorur tranzicionet CSS3, duke minimizuar lartësinë e CPU-së.

nga Cody
Shtojca e mëposhtme jQuery shndërron një sërë imazhesh në një galeri të vogël me disa opsione. Galeria e Imazheve Mikro lejon të kaloni midis një pamje të rrjetit që tregon një pamje paraprake të imazheve si miniatura dhe një pamje të vetme që tregon vetëm një imazh.

VION - Shtojca e Galerisë së Imazheve jQuery | 7 dollarë

nga Malihu
Një galeri e thjeshtë, por elegante e imazheve në ekran të plotë e krijuar me kornizën jQuery dhe disa CSS të thjeshta.

Përshëndetje të dashur lexues a! Në këtë manual, unë do t'ju tregoj se si të krijoni një minimalist, por të rehatshëm dhe funksional galeri fotografish në jQuery, ose një galeri me imazhe, pasi është e përshtatshme për këdo. Galeria ka aftësinë për të krijuar kategori, të ndjekura nga filtrimi. Alsoshtë gjithashtu e mundur të filloni një shfaqje diapozitivësh. Galeria funksionon në të gjithë shfletuesit, kështu që nuk do të ketë probleme me adaptimin.

Për krijimin e kësaj galerie do të përdoren dy biblioteka falas: Rërë e gjallëdhe PrettyPhoto... Ato e bëjnë shumë më të lehtë krijimin e një galerie. Si gjithmonë, ju mund të shihni rezultatin e punës në faqen demo, si dhe të shkarkoni arkivin nga galeria e punës dhe të gjitha skedarët burimorë. E vetmja pengesë, nëse mund të them kështu, është krijimi manual i miniaturave për imazhe të mëdha. Përndryshe, kjo galeri i denjë për vëmendje. Ashtu si!

Shënimi HTML

Së pari, le të hedhim një vështrim në panelin me një listë të kategorive, kjo është një listë me plumb ul. Për më tepër, secili element i listës duhet të ketë një emër unik të klasës.

1
2
3
4
5
6
7
8

<ul class \u003d "filtri portofol-kategor"\u003e
<li\u003e\u003eKategoritë:</ li\u003e
<li class \u003d "të gjithë aktivë"\u003e Të gjitha</ a\u003e
<li class \u003d "cat-item-1"\u003e Kategoria 1</ a\u003e
<li class \u003d "cat-item-2"\u003e Kategoria 2</ a\u003e
<li class \u003d "cat-item-3"\u003e Kategoria 3</ a\u003e
<li class \u003d "cat-item-4"\u003e Kategoria 4</ a\u003e
</ ul\u003e

1
2
3
4
5
6
7
8
9
10
11

Emri i figurës

botuar: 2012

Siç u tha më lart, artikujt e listës janë imazhe në galeri. Secili element i listës përfshin ato të përbëra. Kjo është vetë imazhi, ose më saktë fotografia e saj, si dhe një përshkrim. Miniatura është një lidhje me imazhin kryesor. Atributi rel kërkohet për të thirrur javascript dhe për të hapur imazhin kryesor.

Mos harroni gjithashtu për 2 gjëra të rëndësishme, atributi data-id duhet të jetë unik për elementin e listës li. Atributi i llojit të të dhënave përmban klasën e kategorisë, listën e së cilës e përshkrova më sipër. E gjitha ka të bëjë me shënimin.

Stilet e CSS

Nuk do të përqendrohem te stilet, pasi po përdorim një bibliotekë të gatshme PrettyPhoto, i cili është përgjegjës për rritjen e imazhit dhe ka shumë kod css. Sidoqoftë, vlen të përmendet se ka 5 mundësi për hartimin e imazhit të zgjeruar, edhe pse idealisht vetëm 3, pasi në dy opsione hiqet vetëm rrumbullakimi.

Prandaj, unë do të tregoj vetëm stilet e CSS për miniaturat dhe një listë të kategorive.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

Portofoli-kategori (marzhi-fundi: 30px;)
. portofol-kategor li (
shfaqje: inline;
kufiri-djathtas: 10px;
}
.bllok-imazh (
ekran: bllok;
pozicioni: relativ;
}
img-bllok imazhi (
kufiri: 1px solid # d5d5d5;
rrezja kufitare: 4px 4px 4px 4px;
sfondi: #FFFFFF;
mbushje: 10px;
}
imazhi i bllokut të imazhit: rri pezull (
kufiri: 1px solid # A9CF54;
kuti-hije: 0 0 5px # A9CF54;
}
. zona e portofolit li (
noton: majtas;
marzhi: 0 12px 20px 0;
tejmbushje: e fshehur;
gjerësia: 245px;
mbushje: 5px;
}
-shtëpia-portofol-teksti (margin-top: 10px;)
li.aktive a (dekorimi i tekstit: nënvizo;)

Në parim, gjithçka duhet të jetë e qartë me stilet. Për t'i bërë kategoritë të rreshtohen, prona e ekranit është vendosur të inline. Në mënyrë që të jepni efektin e një goditjeje në imazh, vendosni ngjyrën e sfondit (të bardhë) dhe një kompensim prej 10 pikselësh. Madhësitë e artikujve të listës përcaktohen në li.

jQuery

Dhe së fundmi, gjëja më e rëndësishme, atëherë për çfarë gjithë mësimi. Ky është kodi jQuery. Le të fillojmë duke filtruar imazhet sipas kategorive.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// Zgjidhni të gjithë fëmijët e zonës së portofolit dhe shkruajeni në variabël
var $ data \u003d $ (". zona e portofolit"). kloni ();

$ (". Portfolio-kategor li") .kliko (funksioni (e) (
$ (". filtri li") .removeClass ("aktiv");

var filterClass \u003d $ (kjo) .attr ("klasa") .split (""). copë (- 1) [0];

nëse (filterClass \u003d\u003d "të gjithë") (
var $ filtruarData \u003d $ data.find (".portfolio-item2");
) tjetër (
var $ filtruarData \u003d $ data.find (".portfolio-item2");
}
$ (". zona e portofolit"). rërë ($ filtruarData, (
kohëzgjatja: 600,
adjustHeight: "automatike"
), funksioni () (

LightboxPhoto ();
} ) ;
$ (kjo) .addClass ("aktive");
kthehen false;
} ) ;

Duke përdorur metodën klon () dhe përzgjedhësin, ne zgjedhim të gjithë fëmijët e zonës .portfolio dhe i shkruajmë në ndryshoren $ data. Tjetra, ne ndjekim klikimin në njërën nga kategoritë, elementin li në listë me klasën .portfolio-kategor. Ne i bëjmë të gjitha kategoritë joaktive duke hequr removeClass ("aktiv"), nëse kjo nuk bëhet atëherë me kalimin e kohës të gjitha kategoritë do të jenë aktive dhe filtrimi do të ndalet.

Meqenëse klikojmë në artikullin e listës, selektori që përmban artikullin e listës, pra li, ne marrim vlerën e atributit të klasës prej tij dhe përdorim metodën e ndarjes për të ndarë emrin e klasës në disa pjesë, kufiri është një hapësirë \u200b\u200b(dmth nëse klasa ishte " të gjithë aktivë ", atëherë pas ndarjes kemi një grup" të gjithë "dhe" aktivë "). Dhe pastaj, duke përdorur metodën fetë, zgjedhim elementin e parë të grupit (në rastin tonë, "të gjithë"), dhe shkruajmë rezultatin që rezulton në ndryshoren filterClass. Nëse nuk do të kishte hapësirë, emri i klasës nuk do të ndryshojë.

Tjetra, ne kontrollojmë nëse ndryshorja filterClass përmban vargun të gjitha, pastaj duke përdorur metodën .find, zgjedhim të gjithë artikujt me portofolin e klasës-item2 nga vargu $ data që diskutuam më lart. Elementet e zgjedhura (dhe këto janë të gjitha elementet e listës, domethënë të gjitha fotografitë) vendosen në ndryshoren e filtruarData.

Përndryshe, nëse filterClass nuk është i barabartë të gjitha, atëherë në filtrin e ndryshueshëmData do të vendosim jo të gjithë elementët e listës, por vetëm ata të cilëve tipi i të dhënave i përshtatet klasës së kategorisë. Me pak fjalë, artikujt janë vetëm të një kategorie.

Dhe në fund, ne transferojmë ndryshoren që rezulton në bibliotekë junkery rërë, i cili filtron imazhet. Kjo ka të bëjë me filtrimin.

Tani për zgjerimin e imazhit në dritare. Çdo gjë është shumë më e thjeshtë këtu.

1
2
3
4
5
6
7

jQuery ("a") .prettyPhoto ((
animationSpeed: "i shpejtë",
shfaqje paraprake: 5000,
tema: "facebook",
show_title: false,
galeria e mbivendosur: false
} ) ;

Një klikim gjurmohet në një lidhje, atributi i të cilit fillon me prettyPhoto. Pastaj biblioteka hyn në lojë bukurPhotodhe imazhi është zgjeruar për mrekulli. Nga rruga, ne gjithashtu kalojmë në disa parametra. Të tilla si shpejtësia e animacionit - vonesë e shpejtë, shfaqja rrëshqitëse - 5 sekonda, tema në Facebook (ka gjithsej 5 tema në dosjen images / prettyPhoto), dhe gjithashtu ndalojnë shfaqjen e emrit të fotos dhe zmadhimin e figurës kur vendosni miun. Dokumentacioni i plotë për bukurPhoto mund te gjendet

Për të qëndruar të azhurnuar me artikujt dhe mësimet më të fundit, regjistrohuni në

Për një kohë të gjatë zgjodha një temë për temën e sotme. Si rezultat, vura re se ende nuk kemi bërë zgjedhje galeritë e imazheve... Sipas mendimit tim, një temë e shkëlqyeshme, që prej galeritë janë të pranishme në shumë site. Të them të drejtën, ato nuk janë të gjitha shumë tërheqëse. Duke marrë parasysh trendet aktuale të zhvillimit jquery, html5 dhe kështu me radhë. Mendova se zgjidhjet duhet të jenë tashmë shumë më tërheqëse sesa ato që kam hasur më parë. Kështu që. Pasi kalova një ditë, arrita të gjej një numër të madh skenarësh. Nga i gjithë ky mal, vendosa të zgjedh vetëm, sepse e dua, siç e keni vërejtur tashmë nga postimet e mëparshme.
Galeri imazhesh e zbatueshme jo vetëm në rast me albume fotografike... Skenari mund të përdoret, mendoj se do të jetë edhe më korrekt, si portofol për fotografë, dizajnerë etj. Efektet jquery do t'ju ndihmojë të tërhiqni vëmendjen e vizitorëve dhe thjesht të shtoni elegancën në faqen tuaj të internetit.
Kështu që. Për koleksionin tuaj të vëmendjes shtojcat e galerisë së imazheve jquery për faqen e internetit.
Mos harroni të komentoni dhe mbani mend, në mënyrë që të mos humbni këtë koleksion, mund ta shtoni në të preferuarat tuaja duke klikuar në yllin në fund të artikullit.

Origjinale shtojcë për krijimin e një galeri imazhesh... Miniaturat janë të formuara si diamant, e cila është shumë e popullarizuar për momentin. Kjo formë bëhet duke përdorur css3. E vetmja pengesë e kësaj galerie është mungesa e një lightbox që do të hapte një foto në madhësi të plotë. Kjo është, ju duhet të vidhni shtojcën e dritës me gaforre. Ky skenar gjeneron një rrjet imazhesh të përgjegjshëm në formë diamanti.