csúszka képek

Azt javaslom, egy egyszerű csúszka képeket Mootools. Mivel az ügyfél csak. Hogy teljes legyen a szükséges munka a szerver létrehozásáért felelős a megjelenített képeket. Kérjük, vegye figyelembe, mint a sablon későbbi finomítására.

Codename uSlider (a Umi)

lehetőségek

csúszka képek

korlátozások

Az alábbiakban IE8 nem vizsgáltuk.

Az IE8 működik korlátai:

  • nem jelenik meg, áttetsző háttér aláírás (helyettesíteni lehet egy mintát a png, cm. css)
  • nincs nyilak jelennek meg balról jobbra (van egy hack js)

Van egy árnyalatot, ami a méretezés. Mentése arányok slider, amikor a böngésző ablak méretét által padding-bottom% -ában a szélessége a tartályon. Semmilyen körülmények között nem képarány lehet elérni a tökéletes egybeesése határokat.

Megjegyzés. Amint az jól ismert, csak képeket csavarni ingatlan átméretezéskor egyik fél fenntartása képarány. Normál blokk ebben az esetben a magassága a megőrzése. A megoldás az, hogy hozzon létre egy al-blokk burkolat. Kérni a célmondat auto magasságát. wrapper egység belsejében elhelyezett a cél, meg a szélessége 100%, és a magassága vegye fel, kérve őt, padding-bottom% -ban. Így behúzás érték kiszámítása a szélessége a szülő (cél) blokk. Például, a cél blokk szélessége 1000px. Blokk burkolatnak van padding-bottom: 40%. A teljes magassága a teljes szerkezet lesz 400px. Nyilvánvaló, hogy ha a szélessége a kültéri egység adják% az ablak szélessége, megkapjuk proprtsionalnoe változás és a magasság is.

követelmények

Régebben Mootools 1.4.5, 1.5.1

kérelem

Csatlakozás script csúszka és stílusok file:

A kívánt helyen az oldal, hogy adjunk egy címkét:

A csúszka adatokat fogad a backend tömbként. Nyílt slider.js fájlt, keresse meg a sort

és cserélje ki az utat a szkriptet, amely az adatokat. A script kell tömböt ad vissza az űrlapot:

Vonal Képek [0] 0 - a sorszáma a csúszkát, ha több oldalt. Ez az alapértelmezett, ha a hivatkozás php megy paraméterek nélkül.

Tovább a képek listáját az utat, hogy a kép, aláírás cél linkeket. Paraméterek bármelyike, kivéve src, üres lehet, de jelen kell lennie a tömbben.

Tkazhe szkript kell adni a megfelelő típus és kódolás

Mi lehet javítani

Hozzáadás testreszabható beállítások útvonalát háttérben. Ugrás az adatokat, mint egy tömb a JSON, így például nem fog genenerirovat galéria on the fly, és a cache-fájl.

Kapcsolódó cikkek