Hogyan készítsünk egy galéria honlapján javascript (egyszerű) - demo kód és egy példát, és a kereső optimalizálás

Először is, egy kicsit beszélni a galéria, majd adja meg a kódot egy kicsit, és mondani róla.

Jellemzők galéria

Először. Képek lehet „pereschelkivat” kattintással a gomb (vissza, és Next).

Második. Képek flip a nyílra.

Harmadik. A nyilak csak akkor jelennek meg, ha lebeg a kép fölé.

Negyedik. Ha már „elérte” az utolsó kép a galériában, a nyíl - a „Tovább” eltűnik, és ugyanaz a nyíl - „Vissza”.

Ötödik. Változtatni a képet (hozzátéve, az új képek, vagy fordítva - eltávolítja a felesleges) csak hozzá egy sor új elemet - utalás a képet.

Vessünk egy pillantást, és megvizsgálja a kódot ..

imageArray - egy tömböt tartalmazó linkeket képeket. Hozzáadására, eltávolítására, átrendezésére, és így tovább, és így tovább, akkor elegendő, ha megváltoztatjuk a tömb és minden! Több, mint én, nem kell semmit.

szám - egy változó, amely felelős a számát az aktuális képet.

kép (num) - Ez a függvény egy numerikus paraméter, és felelős a essek képek (bal, jobb), azaz:

kép (1) - mutatja a következő kép miatt növekmény (növekedés egyik) változó számú

Ha át bármely más paramétert 1-től eltérő, akkor úgy tűnik, hogy az előző kép.

btn_show - egy függvény, amely megjeleníti egy nyíl, ha lebeg egy kép fölé - egy esemény onMouseOver.

btn_noshow - Ez a funkció leállítja a képek megjelenítését, és felveti események onMouseOut, amikor eltávolítjuk a képre a kép területén.

Továbbá, a két (2) A fent említett funkciók, mielőtt a vetítés a nyilak, ellenőrizte a száma az aktuális képet, annak érdekében, hogy kihagyja a bal nyíl gombot, ha ez az első kép, és nem mutatnak a jobbra nyilat, ha ez az utolsó kép, elvileg, azt hiszem, ez világos.

Egy példa a galéria

Itt látható a galériában a munka ..

Ez minden, kívánok sok sikert és minden jót!