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?
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:
<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?
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 167593
Url: https://administrator.de/contentid/167593
Ausgedruckt am: 22.11.2024 um 06:11 Uhr
1 Kommentar
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
