Statt 1 Bild möchte ich Bildwechsel in CSS-Datei

[jkibler]

Hallo,

als CSS Greenhorn habe ich ein Problem:

In meiner Vorlage-CSS-Datei ist ein Bild ("suvretta") über einem Hintergrund plaziert. Ich hätte jedoch gerne anstatt dem einen Bild einen automatischen Wechsel von z.B. 8 Bildern mit einer Einblenddauer von z.B. 5 sek.

Der aktuelle Code in der CSS-Datei ist:

#top2a {
background-color:#698ab3;
color:#345072;
text-align:left;
padding-left:20px;
padding-bottom:20px;
vertical-align:bottom;
height:280px;
border-top: solid 6px #fff;
background-image:url(mtb-hp-images/suvretta.jpg);
background-repeat:no-repeat;
background-position:100% 50%;
}

Gibt es da was? Wäre für 'nen Tip sehr dankbar.

Gruß, Jürgen

 

[Dockmodus]

Mit CSS ist da nix zu bewerkstelligen.

Jedoch mit Javascript:

1. http://www.pmob.co.uk/temp/randombgimage.htm
2. http://www.pmob.co.uk/temp/randombgimage2.htm
3. http://www.pmob.co.uk/temp/randombgimage3.htm
4. http://www.pmob.co.uk/temp/randombgimage4.htm
5. http://www.pmob.co.uk/temp/randombgimage5.htm

 

[nordi]

Zudem würde ich mir mal ein paar jQuery Galerien angucken. Damit sind schöne Effekte zu verwirklichen. Google mal nach jQuery Imageslider oder Contentslider.

 

[jkibler]

@Dockmodus und nordi: erstmal danke für die schnelle Antwort.

@nordi: Habe mir mal das iQuery "innerfade" angeguckt. Sieht ganz gut aus. Nur jetzt kommt mein nächstes Problem...
Ich lasse in der CSS das Bild suvretta weg und habe dann einen "leeren" Hintergrund. Kann ich dann irgendwie die Slideshow mit dem iQuery quasi drüberlegen? Das iQuery müsste doch direkt in den HTML-Code der Seite gebastelt werden - dann habe ich aber als Ergebnis den blanken Hintergrund aus der CSS und drunter die Slideshow?! Irgendwelche Tips oder muß ich da das ganze Gerüst der Homepage umprogrammieren?

Jürgen