Salutări prieteni, am fost mult timp nimic nu a adăugat pe „creștere de imagini“, sau, așa cum numesc efectul - lightbox;. Soluțiile sunt acum pe Internet, puteți găsi o mulțime de, și fiecare în propriul său caz, deoarece acestea au fost scrise pentru sarcini specifice. Astăzi, de asemenea, am dori să evidențiați un plugin jQuery din mulțime numit simplezoom. Traducerea titlului, care este - o simplă creștere, care corespunde scenariului.
Deci, să se conecteze script-uri si uita-te la modul de a adăuga pe site-ul lightbox; simplezoom:
Apoi, aveți nevoie pentru a apela noua simplezoom metoda (), pentru a face acest lucru, vom fi după ce se încarcă pagina:
Acum, ca HTML markup:
Plugin-ul are un număr de setările sale, pe care le vom acoperi de mai jos (în paranteze I va indica valorile implicite):
- classie - această proprietate este responsabil pentru clasa adăugată la învelișul lightbox; ( „“) suplimentare;
- compensate - aici este posibil să se specifice distanța minimă de la imagine la granițele ecranului browser-ului (40);
- scrollclose - activarea / dezactivarea modului de închidere în timpul derulării lightbox; (true);
- imgclass - elementul indicat aici, în care pluginului va căuta calea către imaginea ( «img»);
- Viteza de animație - durată;
- modalTmpl - în această proprietate, puteți specifica propriul șablon HTML pentru a afișa o imagine în modul lightbox;;
- loaderTmpl - aici este indicat HTML Loder;
- onModalInit () - metoda, care se declanșează atunci când utilizatorul face clic pe imagine;
- onModalClosed () - metoda, declanșată de lightbox de închidere;
- onImageLoaded () - metoda funcționează cu deschiderea cu succes a unei versiuni mare a imaginii;
- onImageError () - Această metodă este declanșată atunci când o imagine de boot nu a reușit.
În concluzie, aș dori să se constate că setările nu sunt prea multe, dar suficient de ele, iar plugin-ul este destul de ușor. Mi-a plăcut, de asemenea, adăugarea de ștuțurile de punere în aplicare într-o imagine de boot fără succes.
Am nevoie de un task manager
WooCommerce din titlu
Și 30 efecte hover CSS
Bună ziua dragi cititori! Este timpul pentru a finaliza site-ul dvs. de colectare Mai multe 30-Tew efecte frumos CSS atunci când treceți peste imagine. Acest subiect este într-adevăr foarte mare și nu obosesc să alimenteze biblioteca noastră cu efecte noi și noi.