|
|||
Slideshow timer
Hallo,
ich möchte eine Slideshow bauen ähnlich dem vom steam shop ( Welcome to Steam ) Wie kann ich den Timer für den Bilderwechsel starten? Gibt es sowas wie Code:
<div id="slideshow" onload="goTimer();"> ... </div> |
Sponsored Links |
|
||||
Zitat:
Geändert von protonenbeschleuniger (14.12.2010 um 00:17 Uhr) |
Sponsored Links |
|
|||
onload gibt es nur im Body-Tag (Und bei Bildern evtl.)
Zitat:
Allerdings bringen die meisten JS-Frameworks einen Mechanismus für so etwas mit. Z. B. bei jQuery das ready-Event Code:
$(document).ready(function() { goTimer(); });
__________________
... Meine Meinung |
|
|||
Zitat:
__________________
... Meine Meinung |
|
||||
onLoad ist ein Eventhandler, der auf "nachzuladende" Inhalte anwendbar ist. Beispielsweise auf Bilder, Videos oder andere Medieninhalte wie Scripte.
Sehr geil, nach kurzem googlen sogar ne brauchbare JavaScript-Referenz dazu gefunden: 'onLoad' is applied to : onLoadEvent Handlers ReferenceJavaScript Reference Scripte solltest du kurz vor das Ende des body-Elements einbinden. Dann kann der Browser die Seite schon mit dem CSS rendern und die JavaScript-Dateien parallel nachladen. Sonst hast du das sogenannte "Flash of Unstyled Content" Problem. Wie du das machst, ist unterschiedlich. Beispielsweise wird in neueren Browsern (müsste DOM Level 1 sein) das "DOMContentLoaded" Event gefeuert werden, wenn der Inhalt (also auch die Bilder) geladen wurden. Denke daran, dass Bilder fast von allen Browsern zum Schluss geladen werden und dann platziert werden. Das ist ein asynchroner Prozess. Je nach Aufbau kann z.B. das erste Bild schon vor dem CSS fertig geladen sein.
__________________
Ich bin keine Signatur, ich putz hier nur |
|
||||
Zitat:
Nein, das Problem FOUC tritt nur im IE und auch nur bei Verwendung von @import auf. Mit Skripten hat das nichts zu tun. Wenn die Skripte im head eingebunden werden, wartet der Browser schlicht so lange bis die Skripte geladen sind und beginnt dann mit dem Rendern. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DHTML slideshow & lightbox Problem | Scolex | Javascript & Ajax | 1 | 24.02.2011 09:59 |
Javascript slideshow script - Fehler in Firefox. | trent | Javascript & Ajax | 2 | 22.11.2010 09:45 |
Timer gesucht | Thuroc | Javascript & Ajax | 3 | 29.01.2010 13:25 |
Slideshow soll durch MouseoverLink ein bestimmtes Bild zeigen | Bloedlah | Javascript & Ajax | 0 | 23.08.2009 13:18 |
javascript slideshow mit css platzieren | zarahz | CSS | 12 | 25.02.2008 21:25 |