Egyszerű albumba jQuery honlapján

Üdvözlet barátok, én már régóta semmit nem tett hozzá a „növekedés képek”, vagy ahogy ők hívják a hatás - gyűjtőbe. Megoldások már az interneten megtalálható egy csomó, és mindegyik a maga megfelelő, mivel íródtak meghatározott feladatok elvégzésére. Ma én is szeretnék kiemelni egy jQuery plugin, a tömegből nevű simplezoom. Fordítása a címet, amely - egy egyszerű növekedés, ami megfelel a forgatókönyvet.

Szóval csatlakozni szkripteket, és nézd meg, hogyan kell hozzáadni a honlapon albumba simplezoom:

Ezután meg kell hívni az új módszer simplezoom (), hogy ezt mi lesz, miután az oldal betöltésekor:

Most, hogy a HTML kódban:

A bővítmény számos a beállítások, amelyek fogjuk fedezni az alábbi (zárójelben én mutatják az alapértelmezett értékek):

  • classie - ez a tulajdonság felelős a további osztály hozzá a kedvencekhez borítás ( „”);
  • offset - itt lehet megadni a minimális távolság a kép határait a böngésző képernyő (40);
  • scrollclose - engedélyezése / tiltása a záró módban, ha görgetés albumba (true);
  • imgclass - itt feltüntetett elem, amelyben a plug-in fog keresni az utat a kép ( «img»);
  • időtartamára - animáció sebessége;
  • modalTmpl - az ingatlan, akkor megadhatja a saját HTML sablon jeleníti meg a képet az albumba mód;
  • loaderTmpl - itt feltüntetett HTML Loder;
  • onModalInit () - módszer, amely bekapcsol, amikor a felhasználó rákattint a képet;
  • onModalClosed () - módszer, által kiváltott a záró gyűjtőbe;
  • onImageLoaded () - a módszer működik, a sikeres megnyitó egy nagy változata a képet;
  • onImageError () - Ez az eljárás akkor indul, ha egy sikertelen indító képet.

Összefoglalva, szeretném megjegyezni, hogy a beállítások nem túl sok, de elég nekik, és a plugin nagyon könnyű. Én is szerettem a kiegészítéssel, a végrehajtás csonkok egy sikertelen boot image.

Szükségem van a feladatkezelő

Egyszerű albumba jQuery honlapján

WooCommerce cím

És 30 CSS hover effektek

Helló kedves olvasók! Itt az ideje, hogy a teljes gyűjtemény helyén További 30 Tew szép CSS hatásokat, ha lebeg a kép fölé. Ez a téma valóban nagyon nagy, és nem lehet megunni, hogy pótolja a könyvtár új és új hatásokat.

Kapcsolódó cikkek