kunika: Slideshow mit CSS Sprites

Beitrag lesen

SELF-Forum

Slideshow mit CSS Sprites

kunika
– Informationen zu den Bewertungsregeln

Hey.

Ich habe ein CSS Sprite mit drei Bildern übereinander.
Sprite: 640px hoch, 694px breit
Ein Bild hat die Maße: 640px hoch , 198px breit

Mit Javascript möchte ich nun eine kleine Slideshow erstellen.
Alle 3 Sekunden soll das Bild ausgeblendet und das nächste eingeblendet werden.
Beim 3. anglangt, geht es wieder beim ersten los.
Das sind die Positionen:

.one{ background:url(/Img/slide.png) no-repeat 0 0; width: 640px; height: 198px; }  
.two{ background:url(/Img/slide.png) no-repeat 0 -248px; width: 640px; height: 198px; }  
.three{ background:url(/Img/slide.png) no-repeat 0 -496px; width: 640px; height: 198px; }

Wie mache ich weiter?
An JS Frameworks darf ich nur jQuery verwenden. Die Ergebnisse die mir Google mit "jquery slideshow sprites" liefert sind schlecht =/, bringen mich nicht weiter. Ich persönlich bin auch ein absoluter Leihe.

Lg, Kunika

Beitrag melden
–
Informationen zu den Bewertungsregeln