Galéria jquery albumba

Egyéni elrendezés

Hogyan kell beállítani a bővítmény segítségével az inicializálási paraméterek, most azt hiszem, ez világos. Nézzük érinteni egy kicsit bonyolultabb beállításokat.

kép módosítása

Tehát, ahogy egy sor új képek segítségével imageLoading, imageBtnClose, imageBtnPrev és imageBtnNext. De mi van, ha ugyanazokat a képeket különböző méretűek? Nem probléma. Szerkesztése jquery.lightbox-0.5.css:

Ami a „következő” gombot, a „korábbi”, a legtöbb esetben nem kell változtatni stílusokat. Mivel a gomb maga jóval nagyobb és háttérképet foglal közel fele a fotó. Ez nagyon kényelmes - nem kell kattintani, hogy pontosan a címkén. Klatsnut elég, például „valahol a bal” és kap átmenet az előző Fautua. Ha kell még változtatni klikabilnuyu terület - módosítsa a szabályokat a # albumba-nav-btnPrev és # albumba-nav-btnNext.

A feliratok alapján kép

Ha szükséges, akkor meg az egyes aláírások minden kinagyított képet. Ebben a tekintetben a plugin is emelkedett az alkalomra. Az aláírásokat adott egy nagyon egyszerű és logikus módon - a cím attribútum címkézni egy:

Háttér további képek

OverlayBgColor paraméter beállítja a háttér színe az oldalon kitöltés. És ha meg akarja változtatni a háttérben egy nagy fotó lesz a stílus szabály újra.

Távolítsuk el a nem kívánt tárgyakat

És ha csak kell egy nagyobb kép nélkül aljzat az aláírásokat? Nem gond! Mi megy a stílusok és add display: none:

„Picture: X N» egy kicsit nehezebb eltávolítani csak a felirat. Ez általában egy választó # gyűjtőbe-image-részletek-currentNumber. Egyszerűen display: none; nincs egy kört, mert script átrendezni, hogy display: block. Ez rendben van! Csak megszakítása azt a fontos !:

Demo például - az azonos galéria, de több finomhangolás.

Meglepetés IE6 (a hirtelen fordulat módban)

Mint mindig szépséghiba egy régi szamár. Az IE6 a visszafelé kompatibilitás módban, észrevett egy hibát - a központ a szöveg kissé keskenyebb, mint a panel minta.

Sajnos, stílusok, fix nem fog működni - a szélessége megegyezik a forgatókönyvet. Ennek megfelelően, ha azt szeretnénk, hogy megszabaduljon a hibát (és nem kell mindig - sok helyen a panel a szöveget ilyen galéria csak maszk), akkor meg kell szerkeszteni a szkripteket. Az egyik lehetőség található a plug-in text sor:

... előtte és erőszakkal ki, hogy növeljék a szélessége a szamár. Valami ehhez hasonló:

Magától ilyen beavatkozás nélkül nem teszi lehetővé a használatát a csomagolt változata a plugin (vagy erő repack).

  • megfelelően működik, az összes népszerű böngésző;
  • Nem igényel létrehozását HTML logikátlan konstrukciók további osztályok vagy attribútumokat;
  • Egyszerű beállítás és a kötődést.

anyagok:

Kapcsolódó cikkek