Slide 3 és 6 kép csúsztatása példa jQuery-vel

Felhasznált technológiák:

• jQuery
• CSS

Program működése:

Képre kattintasz, aztán finoman mozgatja balra a sok képet, és végül jön a tartalom.

Ha vissza akarod nézni a sok képet, akkor baloldalon képre kattintasz, és végül visszatér a sok képek.

Leírások:

Az első lépésem volt az első link, amit fent megadtam, mert 3 képpel könnyebb megcsinálni és tesztelni, így tisztább.

Képeket beszámoztam és mindegyik tartalmát (text részen) megadtam a H1 címsoron a számozást(pl. Első demó oldal), mert csak így tudtam ellenőrizni, hogy jól működik-e a program.

Következő lépésem, hogy jöhet a 6db kép és természetesen így CSS-ben és JS-ben módosítottam szükségesség szerint. Ez 3-5 perc alatt kész volt és gyorsan megoldottam.

Demo oldala:

3db kép:
http://dev.juszkocs.hu/old/Jquery_Slide_3_kep_csusztatas.html

6db kép:
http://dev.juszkocs.hu/old/Jquery_Slide_6_kep_csusztatas.html

Motivációm:

Azért jutott eszembe ezt a példát megcsinálni, mert később például fotó albumokat szeretnék majd csinálni és nyitó oldalon 6db “album címek” lenne és amikor klikkelünk egyikre és jön tartalom, amely akár bő tartalom vagy bő képalbumok.