Hogyan építsünk egy honlap - egy fotóalbumot a javascript

Mivel ez a funkció lehet nevezni a különböző oldalakon a honlap, célszerű, hogy azt egy külön külső fájlt, mint ShowPhoto.jsc. És a kódot oldalunkon határozzuk meg ezt a fájlt, mint a forrás a használó a SRC címkejellemzőn



Nos, és ennek eredményeként az új albumunkat a kód így fog kinézni:

Nézze meg, hogyan fotóinkat lehet erre a linkre.

Most próbáljuk, hogy egy fotóalbumot, amelyben a képek helyett nyomja meg a „Next”, „Vissza”. Ehhez meg kell használni tárgy Array - tömb. Először is, kijelentjük egy új tömböt „Photo”, az írás:

Most arra van szükség, hogy leírja a két funkció, amely rendezni ezeket a képeket előre „next_image ()” és a hátsó „prev_image ()”. Lapozás a képeket meg kell változtatni a változó értékét n. amely oredelyat a sorszám a fotó. Növeli az egy változó értékét eggyel növelő operátor (++). Csökkentse a változó értéke egység is csökkenti (-).







A mi esetünkben, ha az érték az n változó értéke nagyobb, mint 5, akkor van rendelve a 0 érték a n:

És ha az érték a n változó értéke kisebb, mint 0, az n változó értéke van hozzárendelve értéke 5:

És akkor bizonyítják a kép szerint pozícióját a tömbben. Ehhez fogjuk használni a kép objektumot. Minden kép egy web-oldalt kap egy számot az első kép lesz a 0 szám, a második - az 1. számú, stb Így az első kép hívjuk írásban document.images [0].

Meg lehet rendelni egy bizonyos értéket a kép:

De meg kell képet választott a tömb elemei:

Így a funkció lesz a kép változtatni a kódot:

Most marad számunkra, hogy leírja a szervezet a dokumentumot, amelyben egy linket vagy egy hívás gombot lapozási funkció kép és helyezze a képet. A pozicionáló elemek hasznos táblázatot. albumunk teljes kódját az alábbiak lesznek:

Az eredmény ez a kód itt található.




Kapcsolódó cikkek