Acasă - Software
galerie portofoliu jquery. Fotorama - galerie jQuery receptivă, instalare și configurare

de Dmitri Semenov
este o galerie de imagini jQuery și un plugin pentru slider de conținut. Este complet receptiv, ușor la atingere și are o arhitectură modulară care vă permite să includeți numai funcții de care aveți nevoie pentru a optimiza dimensiunea și performanța fișierului.

de Andy – The Coffeescripter
Un plugin pentru galerie/showcase extrem de personalizabil pentru jQuery.

de Trent
Galleriffic este un plugin jQuery care oferă o experiență bogată, fără post-back, optimizată pentru a gestiona volume mari de fotografii, păstrând în același timp lățimea de bandă.

Galeria Tonic - Galeria portofoliului jQuery XML | 6 USD

de Aino
Galleria este un cadru de galerie de imagini JavaScript construit pe deasupra bibliotecii jQuery. Scopul este de a simplifica procesul de creare a galeriilor de imagini profesionale pentru web și dispozitive mobile.

de CatchMyFame
Zilele trecute am căutat o modalitate simplă de a folosi jQuery pentru a trece între un set de imagini de pe o pagină. Așa că, fiind un programator, mi-am propus să-mi creez propriul plugin.

de Thomas Kahn
Smooth Div Scroll este un plugin jQuery care derulează conținutul orizontal la stânga sau la dreapta. În afară de multe dintre celelalte pluginuri de defilare care au fost scrise pentru jQuery, Smooth Div Scroll nu limitează defilarea la pași diferiți.

de Victor Zambrano – frwrd.net
Minishowcase este o galerie foto online mică și simplă php/javascript, alimentată de AJAX, care vă permite să vă afișați cu ușurință imaginile online, fără baze de date complexe sau codare, permițând să aveți o galerie funcțională în câteva minute.

de Caspar David Friedrich
EOGallery este o galerie de diapozitive animate web realizată cu jQuery. Folosește doar funcțiile jQuery de bază și Thickbox-ul lui Cody Lindley pentru a afișa imagini mai mari.

de Arnault Pachot
Un carusel multi-format pentru jQuery, portofoliu non obstrusiv și accesibil care acceptă mai multe medii: fotografii, video (flv), audio (mp3). Acest plugin pentru jQuery va detecta automat extensia fiecărui suport media și va aplica playerul adaptat.

The Wall – Galeria media – jQuery powered | 5 USD

de Stefan Petre
Un alt plugin de galerie de imagini cu efect de spațiu, plugin foarte ușor și simplu.

de Moreno Di Domenico
jmFullWall este un plugin jQuery pentru crearea unui portofoliu impresionant.

de Fabrizio Calderan
Mosaiqy este un plugin jQuery pentru vizualizarea și mărirea fotografiilor care funcționează pe Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome și IE7+. Fotografiile sunt preluate dintr-o structură de date JSON/JSONP și mutate aleatoriu în interiorul rețelei. Toate animațiile scumpe sunt preluate de GPU-ul dvs. pe browserele recente folosind tranziții CSS3, minimizând supraîncărcarea CPU.

de Cody
Următorul plugin jQuery transformă un set de imagini într-o galerie mică cu mai multe opțiuni. Galeria de imagini Micro permite comutarea între o vizualizare grilă care arată o previzualizare a imaginilor sub formă de miniaturi și o vizualizare unică care arată o singură imagine.

VION – Plugin pentru galerie de imagini jQuery | 7 USD

de Malihu
O galerie de imagini simplă, dar elegantă, creată cu cadrul jQuery și un CSS simplu.

1. Implementarea portofoliului cu folosind jQuery galerii

Miniaturile proiectului derulează atunci când mutați cursorul mouse-ului în coloana din stânga. Zona de conținut afișează o imagine mai mare cu numele proiectului, descrierea și lista tehnologiilor utilizate. Pe măsură ce vă deplasați între miniaturi, informațiile despre proiect se schimbă unele cu altele cu un efect animat uimitor. Când faceți clic pe o imagine din pagina de descriere, aceasta se mărește folosind animația jQuery. Aș dori, de asemenea, să remarc elegantul uimitor aspectîntreaga pagină de portofoliu. Urmăriți demonstrația.

2. Super implementare a unui site de portofoliu folosind CSS și jQuery

Implementare excelentă a site-ului de portofoliu al unui fotograf. Când faceți clic pe un element de meniu, o zonă cu conținut de înălțime și lățime fixă ​​este asamblată din pătrate împrăștiate pe ecran. Pentru a încadra mai multe informații într-o zonă fixă, conținutul poate fi derulat. Implementarea afișării lucrărilor din portofoliu este neobișnuită: când dați clic pe miniatură, fotografia este afișată ca imagine de fundal, care se scalează automat pe măsură ce fereastra browserului este redimensionată.

3. Perete de portofoliu cu jQuery

O soluție originală pentru crearea unui portofoliu online. Blocurile de proiect (miniaturi și o scurtă descriere cu un link) sunt afișate mai multe la rând atunci când schimbați fereastra browserului, blocurile sunt redistribuite uniform pe pagină cu un efect animat. Fiecare proiect poate avea mai multe imagini în miniatură, tranziția dintre care se realizează cu ajutorul săgeților. Făcând clic pe link se deschide o pagină cu o descriere completă, pe care textul este plasat pe un bloc semitransparent de înălțime fixă ​​cu derulare. O imagine scalabilă a proiectului este utilizată ca fundal pentru pagină. Arată grozav - urmăriți demonstrația.

4. Defilare fluidă a paginii jQuery

Implementarea derulării verticale și orizontale.

5. Pluginul jQuery „Grilă de casete cu imagini dragabile”

O grilă trasabilă constând din blocuri de conținut și imagini. Grila poate fi trasă folosind mouse-ul (apăsați orice buton al mouse-ului și trageți în direcția dorită). Când faceți clic pe miniatură, imaginea principală se extinde pentru a umple întreaga lățime a ecranului. Când faceți clic pe un bloc întunecat cu text, se deschide o zonă cu o descriere mai detaliată.

6. Site de portofoliu de o pagină

Site-ul web de o pagină cu modificări de conținut animat. Pe pagina demo, navigați prin filele meniului pentru a vedea efectul.

7. Comutarea tipului de afișare bloc la jQuery

Cu asta plugin jQueryși „Switch Display Options” puteți implementa un comutator pe pagină, cu ajutorul căruia vizitatorul va trece de la o afișare tabelară a informațiilor la o vizualizare completă cu o descriere a blocurilor. Perfect pentru implementarea portofoliului.

8. Șablon pentru site-ul unui restaurant cu galerie jQuery și hartă Google

O soluție jQuery originală creată pentru un site web de cafenea. Șablonul implementează o galerie jQuery interesantă pentru afișarea preparatelor din meniu. Imaginile din galerie sunt scalate în funcție de dimensiunea ferestrei browserului. În primul rând, galeria afișează imagini în miniatură cu un titlu și scurtă descriere feluri de mâncare, cu fotografia la dimensiune completă afișată întunecată pe fundal. Navigați între fotografiile disponibile folosind săgețile sau rotița mouse-ului. Făcând clic cu mouse-ul în modul galerie, se vor elimina miniaturile cu descrieri și vă va permite să vizualizați imaginile mari originale întinse pe toată lățimea ferestrei. Pentru a reveni la meniul site-ului din galerie, faceți clic pe linkul din colțul din dreapta sus. Pe lângă galeria șic jQuery, o hartă de la Google este integrată foarte eficient în șablon.

9. Plugin Plasm The Wall

Pentru a crea „pereți” unici din fotografii sau blocuri HTML care pot fi trase pe ecran într-o zonă fixă ​​folosind mouse-ul.

10. Plugin pentru afișarea elementelor într-un cerc

Afișarea diferitelor elemente pe pagină de-a lungul unui cerc cu un diametru dat.

11. Pagina substituentă „Site în curs de dezvoltare”

Pagina are capacitatea de a trimite o adresă de e-mail, care este înregistrată în baza de date și căreia i se poate trimite o notificare despre deschiderea site-ului. Pagina este, de asemenea, decorată cu o mică prezentare de diapozitive bazată pe pluginul jQuery Nivo Slider v. 2.3.

12. Plugin QuickFlip 2

Cu ajutorul acestuia, puteți crea un efect interesant al unei cărți de vizită care se rotește atunci când faceți clic pe un link.

13. JQuery faceți clic pe harta

Ideea este de a urmări clicurile utilizatorilor. Pentru a vedea pluginul în acțiune pe pagina demo, faceți clic pe mouse și apoi pe butonul „Analizați”. Iar punctele în care ați făcut clic cu mouse-ul vor fi afișate pe un fundal translucid.

Implementarea unei tastaturi frumoase pe ecran. Nu se știe niciodată, va fi util pentru ceva.

15. Note lipicioase jQuery

Implementarea foilor de note. Textul poate fi editat, iar notele în sine pot fi șterse sau mutate pe ecran. Pentru a vedea un exemplu, accesați fila „Demo” de pe pagina demo.

16. Evaluare jQuery 17. HoverAttribute

Design interesant de link: când treceți cu mouse-ul peste un link, ancora acestuia se schimbă. Arata misto.

18. jQuery Fancy captcha pentru formularul de înregistrare

Implementarea captcha pentru formularul de înregistrare. Pluginul este un set de numere care trebuie setate în ordine crescătoare trăgându-le. Suficient mod interesant pentru a confirma că înregistrarea este o persoană reală și nu un robot.

Există butoane în partea de jos a ecranului pe care le puteți folosi pentru a derula ușor pagina în sus sau în jos.

20. Traducător. Pluginul jQuery „jTextTranslate”

Pluginul folosește Google Language API și poate traduce text în orice limbă oferită de Google. Pentru a traduce, trebuie să faceți clic pe pictograma de lângă paragraf și să selectați limba în care doriți să traduceți din lista derulantă.

21. Plugin jQuery pentru navigarea paginii

Implementare excelentă a link-urilor de defilare pentru navigarea în pagină. Implementat folosind jQuery.

22. Pluginul jQuery „Note”

Acest plugin jQuery vă va permite să implementați note „de hârtie” pe site-ul dvs. web.

23. Plugin jQuery „Catch404” 24. Plugin jQuery jBreadCrumb

Plugin pentru crearea unui lanț de navigare animat

25. Plugin „Reel” 26. Plugin jQuery „Dance Floor”.

Plugin jQuery pentru implementarea unei pagini de produs. Când faceți clic pe imaginea unui produs, apare descrierea acestuia.

27. Plugin jQuery „Nord de etichete 3D” 28. CSS volumetric butoane 29. Defilare orizontală animată a paginii

Efectul jQuery al defilării verticale a paginii. Perfect pentru implementarea site-urilor web de o pagină și a site-urilor web de portofoliu. Pentru a vedea efectul, faceți clic pe elementul de meniu de pe pagina demo.

30. Pluginul jQuery „Sistem de evaluare”

Efectul jQuery pentru implementarea evaluării a ceva. Culoarea cercurilor și a textului de sub ele se schimbă în funcție de care dintre ele trece cursorul mouse-ului.

31. jQuery Panel Magic

Un plugin care implementează navigarea pe site. În acest caz, site-ul tău este prezentat ca o grilă de documente, între care se face o tranziție cu un efect jQuery interesant.

Puteți utiliza cu ușurință acest plugin pentru a crea site-uri web și aplicații web mici. De asemenea, nu va arăta rău pe site-urile web din portofoliu.

32. Indicator de încărcare pe Mootools, plugin „MoogressBar”.

Indicator de încărcare eficient.

33. Plugin Mootools „CwComplete”

Când completați câmpul, pluginul va solicita opțiuni posibile pentru a completa folosind Ajax, caz în care va filtra și va afișa doar acele opțiuni care satisfac textul deja introdus în câmp.

34. Chat ajax excelent folosind jQuery și CSS3

Înainte de a începe o conversație, vizitatorul trebuie să-și introducă porecla și adresa de e-mail. Coloana din dreapta arată câte persoane sunt conectate la chat. Tehnologii utilizate: PHP, MySQL, jQuery, CSS.

35. Implementarea paginii „Sugerează un proiect”.

Vizitatorii pot adăuga o nouă propunere sau pot vota pentru una existentă. O soluție excelentă pentru cei care doresc să afle ce părere publicului lor despre site. De asemenea, puteți folosi această pagină pentru a acumula idei noi pentru dezvoltarea ulterioară a proiectului dumneavoastră. Tehnologii utilizate: PHP, MySQL, jQuery, CSS

36. Implementarea votului/sondajului cu folosind PHPși jQuery 37. Votarea pe Ajax „TinyEditor”

Implementarea corectă a sondajelor pe site. Tehnologii utilizate: JQuery, Ajax, PHP și MySQL.

O soluție foarte interesantă pentru implementarea votului pe un site web. Tragând blocuri în sus și în jos și prinzând imaginile cu mouse-ul, le puteți aranja pe pagină în orice ordine. Cu cât lași blocul mai sus, cu atât l-ai evaluat mai bine și, în consecință, dacă blocul este plasat chiar jos, înseamnă că ți-a plăcut cel mai puțin. După ce plasați blocurile în ordinea dorită, trebuie să faceți clic pe butonul „Trimite sondaj” pentru ca votul să fie luat în considerare. Pagina de rezultate afișează rezultatele votării și numărul de vizitatori care au votat. Tehnologii folosite: CSS, PHP, MySQL, jQuery.

Un sistem simplu de comentare Ajax cu verificarea corectitudinii informațiilor introduse. Comentariile sunt stocate într-o bază de date. Implementat folosind: PHP, MySQL, CSS, jQuery.

40. Contor al numărului de descărcări de fișiere 41. Note pe pagină folosind PHP

Tehnologii utilizate: PHP, jQuery, CSS.

Când navigați prin elementele de meniu, conținutul este încărcat fără a reîncărca pagina. Tehnologii utilizate: PHP, jQuery, CSS.

43. căutare jQuery pe site folosind tehnologia de la Google

Implementarea căutării pe site folosind API-ul Google AJAX Search. Puteți oferi vizitatorului posibilitatea de a căuta atât pe site-ul dvs., cât și pe Internet. În acest caz, căutarea poate fi efectuată nu numai de paginile site-ului, ci și de imagini și fișiere multimedia.

44. jQuery efect de suprapunere a unei descrieri pe o imagine

Un efect foarte interesant care poate fi folosit în implementarea unui portofoliu. Când faceți clic pe o imagine, aceasta se întunecă cu un fundal translucid și apare o legendă care descrie la ce ar trebui să acordați atenție.

45. Implementarea unei pagini de întrebări și răspunsuri folosind jQuery

Implementarea jQuery a paginii FAQ de pe site. O listă de întrebări este afișată în partea de sus a paginii. Când faceți clic pe o întrebare, pagina derulează ușor la cea pe care ați selectat-o, iar întrebarea activă cu răspunsul ei este evidențiată într-o culoare diferită. În câmpul de răspuns activ apare și un link pentru a reveni la lista de întrebări.

46. ​​​​Site web pe Ajax. Conținutul se încarcă fără a reîncărca pagina 47. Schimbarea culorilor de fundal și text folosind jQuery

Culoarea se schimbă atunci când treceți mouse-ul peste ea. Puteți face schimbarea aleatorie a culorii.

48. Ghidul site-ului folosind jQuery

Folosind acest plugin interesant, poți prezenta vizitatorului principalele funcții ale site-ului tău dacă îl vizitează pentru prima dată. Când pagina se încarcă, în colțul din dreapta sus apare un bloc care vă cere să faceți un tur al site-ului. Dacă un vizitator vă vizitează pentru prima dată site-ul, el poate folosi un scurt ghid pentru a se familiariza cu principalele funcții. Aceasta va întuneca pagina și blocurile necesare sunt marcate la fiecare pas. Dacă vizitatorul a mai fost deja pe site-ul dvs., el poate pur și simplu închide fereastra oferind un tur al site-ului.

49. Tur virtual al site-ului Joyride Kit

Folosind acest plugin, puteți prezenta vizitatorului principala funcționalitate a paginii. Acest lucru se face sub forma unei descriere pop-up secvențială a elementelor. Vizitatorul poate vedea toate sfaturile făcând clic pe butonul Următorul sau închide turul online (dacă nu este prima dată când vine pe această pagină) folosind crucea.



 


Citire:



Poziția capetelor pe antenă

Poziția capetelor pe antenă

Articolul dezvăluie principalele metode de determinare a azimutului folosind o busolă magnetică și locurile de utilizare posibilă a acestuia. Utilizare...

Cum să descărcați și să configurați un asistent inteligent pentru un dispozitiv Android

Cum să descărcați și să configurați un asistent inteligent pentru un dispozitiv Android

Data actualizării: 2017-08-05 09:22:20 Ultima versiune: Compatibilitate: de la Android 4.0.3-4.0.4 - la Android 6.0 Drepturi de aplicare: Schimbarea modurilor...

Opțiuni „Peste tot acasă” și „Peste tot acasă, Rusia” MTS - descriere, cost, cum să vă conectați

Opțiuni „Peste tot acasă” și „Peste tot acasă, Rusia” MTS - descriere, cost, cum să vă conectați

Rusia ocupă o zonă imensă a planetei noastre. Mulți ruși se confruntă cu călătorii frecvente în țara lor natală: călătorii de afaceri, călătorii...

Cum să recuperați sau să resetați o parolă de utilizator Windows

Cum să recuperați sau să resetați o parolă de utilizator Windows

Dacă ați uitat brusc parola pentru contul Windows, atunci nu aveți de ales decât să căutați o modalitate de a o reseta sau de a seta...

imagine-alimentare RSS