A jfMagnify segítségével adjon hozzá nagyító hatást a weblapjára

Rengeteg van ingyenes nagyítási bővítmények ami hihetetlenül jól működik. Ezek többsége azonban képeket készít és megadják az utasításokat csak képi tartalom.

Mi van, ha tudod hozzáadhat nagyító hatást a weboldal minden részéhez? Köszönet jfMagnify, tudsz.

Ez egy ingyenes jQuery plugin amely nem csak a kép nagyítását támogatja, hanem az is teljes oldal nagyítása. Ez egyike azon kevés pluginoknak, amelyek szintén lehetővé teszik válassza ki a nagyítási szintet és támogatja az érintéses eseményeket mobil felhasználók számára.

Ne feledje, hogy ez a bővítmény egy kicsit nehéz lehet, mert ez két függőségre támaszkodik: rendszeres jQuery és jQuery felhasználói felület. Mindkettő szükséges ahhoz, hogy a jfMagnify megfelelően működjön. Nem beszélve a tényleges jfMagnify parancsfájl be kell illesztenie az oldalára.

A telepítés egy kicsit trükkös, mert csak a nagyított elemeket célozhatja meg egy tartályon belül. Ha azt szeretné, hogy a teljes oldalt megcélozhassa az egész webhelyen egy osztályt is tartalmaz.

Itt van, hogy a a jQuery egyetlen sora úgy néz ki, mint:

 $ ( "Magasztalja"). JfMagnify (); 

Ez a cél minden elem a .nagyobbít tartály ami általában a div elem.

Ezek a belső elemek lehetnek képek, de lehetnek tartalmazhat kis nyomtatást, például a webhely-feltételek vagy az adatvédelmi irányelvek oldalain. Az összes dokumentáció elérhető a GitHub repóban, így miután beállította, az egész folyamat sokkal könnyebb lesz.

Ez a bővítmény nagyon fickó és jön sok konténer szabály. Például a tartály elem nem lehet statikus CSS-pozíció, így relatívnak, abszolútnak vagy fixnek kell lennie.

tudsz megtalálja az alapértelmezett stílusszabályokat a GitHub repóban, de lehet, hogy fájdalom, ha az elrendezés már épült és fut. A jfMagnify előnyei számomra megéri az erőfeszítést. Tényleg, ez függ az Ön igényeitől és attól, hogy tetszik-e az interfész.

Nézd meg a GitHub-on lévő dokumentumokat, hogy lássátok, mit gondolsz. És akkor is a felület előnézete a CodePen-nél, ha azt szeretné, ha a könyvtárat akcióban látná, mielőtt telepítené.