PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
javascript diashow und css
Beitrag
<blockquote data-quote="mephista" data-source="post: 1418235" data-attributes="member: 216961"><p><strong>AW: javascript diashow und css</strong></p><p></p><p>Arrrg... zu früh gefreut...</p><p>An sich funktioniert es.</p><p>Jedoch wird das erste Logo nicht angezeigt.</p><p>Start ist: Logo 2 --> 3 Sekunden/ Logo 3 --> 3 Sekunden/ Logo 4 --> 3 Sekunden/ Logo 5 --> 6 Sekunden/... dann wieder Logo 2 ..... endlosschleife</p><p></p><p>Das erste Logo wird somit übergangen...</p><p></p><p>Warum?</p><p></p><p>Html Code:</p><p>[html]<script type="text/javascript"></p><p>var image_01 = new Image();</p><p>image_01 = "bilder/banner/banner_rot.gif";</p><p>var image_02 = new Image();</p><p>image_02.src = "bilder/banner/banner_gelb.gif";</p><p>var image_03 = new Image();</p><p>image_03.src = "bilder/banner/banner_gruen.gif";</p><p>var image_04 = new Image();</p><p>image_04.src = "bilder/banner/banner_blau1.gif";</p><p>var image_05 = new Image();</p><p>image_05.src = "bilder/banner/banner_blau2.gif";</p><p>var images = new Array(image_01.src,image_02.src,image_03.src,image_04.src,image_05.src);</p><p>var currentImage = 0;</p><p>function changeImages() {</p><p> currentImage++;</p><p> if(currentImage == images.length) {</p><p> currentImage = 0;</p><p> }</p><p> document.logo_1.src = images[currentImage];</p><p> var timer = setTimeout('changeImages()', 2000);</p><p> //Die 1000 ist die Aktualisierungsrate in Millisekunden</p><p>}</p><p>window.onload = changeImages;</p><p></script>[/html][html]<div id="header"></p><p><div id="banner"><img src="bilder/banner/banner_rot.gif" name ="logo_1" width="640" height="70"></div></p><p></div>[/html]</p><p>Habe jetzt selber kurz was gepfuscht.</p><p>Die 6-Sekundenschleife ist nicht mehr da.</p><p>Alle Logos werden in 3 Sekundenwechsel angezeigt.</p><p>Jedoch das erste Logo (rot) wird noch immer nicht angezeigt...</p><p></p><p>Original:</p><p>[html]var currentImage = 0;</p><p>function changeImages() {</p><p> currentImage++;</p><p> if(currentImage == images.length) {</p><p> currentImage = 0;[/html]</p><p></p><p>Mein Pfusch:</p><p>[html]var currentImage = 01;</p><p>function changeImages() {</p><p> currentImage++;</p><p> if(currentImage == images.length) {</p><p> currentImage = 01;[/html]</p></blockquote><p></p>
[QUOTE="mephista, post: 1418235, member: 216961"] [b]AW: javascript diashow und css[/b] Arrrg... zu früh gefreut... An sich funktioniert es. Jedoch wird das erste Logo nicht angezeigt. Start ist: Logo 2 --> 3 Sekunden/ Logo 3 --> 3 Sekunden/ Logo 4 --> 3 Sekunden/ Logo 5 --> 6 Sekunden/... dann wieder Logo 2 ..... endlosschleife Das erste Logo wird somit übergangen... Warum? Html Code: [html]<script type="text/javascript"> var image_01 = new Image(); image_01 = "bilder/banner/banner_rot.gif"; var image_02 = new Image(); image_02.src = "bilder/banner/banner_gelb.gif"; var image_03 = new Image(); image_03.src = "bilder/banner/banner_gruen.gif"; var image_04 = new Image(); image_04.src = "bilder/banner/banner_blau1.gif"; var image_05 = new Image(); image_05.src = "bilder/banner/banner_blau2.gif"; var images = new Array(image_01.src,image_02.src,image_03.src,image_04.src,image_05.src); var currentImage = 0; function changeImages() { currentImage++; if(currentImage == images.length) { currentImage = 0; } document.logo_1.src = images[currentImage]; var timer = setTimeout('changeImages()', 2000); //Die 1000 ist die Aktualisierungsrate in Millisekunden } window.onload = changeImages; </script>[/html][html]<div id="header"> <div id="banner"><img src="bilder/banner/banner_rot.gif" name ="logo_1" width="640" height="70"></div> </div>[/html] Habe jetzt selber kurz was gepfuscht. Die 6-Sekundenschleife ist nicht mehr da. Alle Logos werden in 3 Sekundenwechsel angezeigt. Jedoch das erste Logo (rot) wird noch immer nicht angezeigt... Original: [html]var currentImage = 0; function changeImages() { currentImage++; if(currentImage == images.length) { currentImage = 0;[/html] Mein Pfusch: [html]var currentImage = 01; function changeImages() { currentImage++; if(currentImage == images.length) { currentImage = 01;[/html] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
javascript diashow und css
Oben