Bună ziua tuturor! Uneori trebuie să faci funcționalitatea on-line, care va îmbunătăți imaginea atunci când treceți mouse-ul pe ele. dar în același timp, trebuie să lucreze rapid, fără dependențe. Cum de a face acest lucru, și vom acoperi în acest articol.
Pentru a rezolva problema noastră, avem nevoie de o bibliotecă simplu numit SimpleZoom. care are multe avantaje. Iată câteva dintre ele:
- Este ușor să se conecteze la orice site
- Nu adăugați stiluri suplimentare
- Biblioteca alege un loc potrivit pentru o imagine mărită
- Nu există ferestre modale, ceea ce îmbunătățește UX
- Acesta funcționează excelent cu dispozitive mobile
- Redus la mai puțin de 1Kb și comprimat
- Nu există dependențe
În acest moment, aceasta este cea mai bună soluție, dacă nu aveți nevoie de nimic în plus pe care l-am întâlnit.
Pentru a uita-te la activitatea bibliotecii, mergeți la secțiunea de demonstrație.
Pentru a instala biblioteca, trebuie să-l descărcați. Pentru a face acest lucru, puteți utiliza Bower:
umbrarul instalați simplezoom.js
NPM instala simplezoom.js parametrul --save
După ce descărcați biblioteca, conectați-l după cum urmează:
concluzie
Și am asta e tot. Vă mulțumesc pentru atenție!
Recomanda acest articol unui prieten:
Daca ti-a placut site-ul, link-ul pentru a-l (pe site-ul dvs., pe forum, în contact)
Se pare ca acest lucru: