1
JavaScript soll DIV Background ändern
bei bereits fertigem ImageFade Script
Hallo,
ich möchte im Banner einer Website mehrere Bilder einbinden, die nacheinander durchlaufen sollen. Dazu hab ich dieses geniale JavaScript (http://www.maltesieb.de/skripte/imgfader-deutsch/) gefunden und es funktioniert soweit auch.
Als JavaSript habe ich jetz einfach die Datei von der Webseite kopiert, in meinem HTML Dokument steht:
Das Script erzeugt jetzt in dem DIV-Container mit dem Namen "header" ein <img> bei dem dann die Bilder durchlaufen. Nur hab ich dann das Problem, dass die Bilder rechts über den Header rausstehen! Daher würde ich die Bilder gerne als Hintergrund für den DIV-Container durchlaufen lassen.
Ich hatte es immerhin schon so weit, dass das erste Bild angezeigt wird, aber das faden hat dann nicht mehr funktioniert. Könnte mir da wer nen Tipp geben, was ich in dem Script noch ändern muss?
ich möchte im Banner einer Website mehrere Bilder einbinden, die nacheinander durchlaufen sollen. Dazu hab ich dieses geniale JavaScript (http://www.maltesieb.de/skripte/imgfader-deutsch/) gefunden und es funktioniert soweit auch.
Als JavaSript habe ich jetz einfach die Datei von der Webseite kopiert, in meinem HTML Dokument steht:
<div id="header">
<script type="text/javascript">
var fader = new Fade('header', {
imgs: ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg'],
mode: 'random',
fDur: 1,
delay: 3,
clear: true
});
</script>
</div>Das Script erzeugt jetzt in dem DIV-Container mit dem Namen "header" ein <img> bei dem dann die Bilder durchlaufen. Nur hab ich dann das Problem, dass die Bilder rechts über den Header rausstehen! Daher würde ich die Bilder gerne als Hintergrund für den DIV-Container durchlaufen lassen.
Ich hatte es immerhin schon so weit, dass das erste Bild angezeigt wird, aber das faden hat dann nicht mehr funktioniert. Könnte mir da wer nen Tipp geben, was ich in dem Script noch ändern muss?
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 167593
Url: https://administrator.de/contentid/167593
Printed on: April 26, 2024 at 01:04 o'clock
1 Comment
Hallo @Orikson,
das Skrip funktioniert, indem es für jedes Bild ein IMG-Element erzeugt, und dann die Transparenz des Bildes verändert.
Dies ist mit Hintergründen allerdings nicht möglich, da es 1. keine Hintergrund-Elemente gibt und 2. es nur einen Hintergrund pro Element geben kann.
Du könntest aber einen
Gruß
Snow
das Skrip funktioniert, indem es für jedes Bild ein IMG-Element erzeugt, und dann die Transparenz des Bildes verändert.
Dies ist mit Hintergründen allerdings nicht möglich, da es 1. keine Hintergrund-Elemente gibt und 2. es nur einen Hintergrund pro Element geben kann.
Du könntest aber einen
div mit overflow: hidden; verwenden.Gruß
Snow
