Dia-Show mit HTML??
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
es gibt 2 M?glichkeiten:
F?r jedes Bild eine eigene HTML Datei erstellen und im <head> schreiben.
<meta http-equiv="refresh" content="30;url=naechstesbild.htm">
Oder du machst es mit JavaScript und nur einer HTML Datei :
<html>
<head>
<meta name="generator" content="HTML Studio" />
<title> </title>
<script type="text/javascript">
bilder=new Array("bild1.jpg","bild2.jpg","bild3.gif");
zaehler=0;
function changer()
{
document.getElementById("bild").src=bilder[zaehler];
zaehler++;
if(zaehler>=bilder.length)zaehler=0;
setTimeout("changer()",1000); <!-- Zahl in Millisekunden bis zum reload -->
}
</script>
</head>
<body onLoad="changer()">
<img src="#" id="bild" />
</body>
</html> -
es gibt 2 M?glichkeiten:
F?r jedes Bild eine eigene HTML Datei erstellen und im <head> schreiben.
<meta http-equiv="refresh" content="30;url=naechstesbild.htm">
Oder du machst es mit JavaScript und nur einer HTML Datei :
<html>
<head>
<meta name="generator" content="HTML Studio" />
<title> </title>
<script type="text/javascript">
bilder=new Array("bild1.jpg","bild2.jpg","bild3.gif");
zaehler=0;
function changer()
{
document.getElementById("bild").src=bilder[zaehler];
zaehler++;
if(zaehler>=bilder.length)zaehler=0;
setTimeout("changer()",1000); <!-- Zahl in Millisekunden bis zum reload -->
}
</script>
</head>
<body onLoad="changer()">
<img src="#" id="bild" />
</body>
</html>
Das ist viel zu aufw?ndig! nenn die bilder bild1 bild2, ... bild10,... bild15 und erh?h einen Ticker der bild[x] anzeigt! -
Wenn du noch weniger arbeit haben m?chtest.
Bei der TinyWebGallery ist eine Dia-Show dabei.
http://tinywebgallery.ti.funpic.de/de/index.htm
Jens -
es gibt 2 M?glichkeiten:
F?r jedes Bild eine eigene HTML Datei erstellen und im <head> schreiben.
<meta http-equiv="refresh" content="30;url=naechstesbild.htm">
Oder du machst es mit JavaScript und nur einer HTML Datei :
<html>
<head>
<meta name="generator" content="HTML Studio" />
<title> </title>
<script type="text/javascript">
bilder=new Array("bild1.jpg","bild2.jpg","bild3.gif");
zaehler=0;
function changer()
{
document.getElementById("bild").src=bilder[zaehler];
zaehler++;
if(zaehler>=bilder.length)zaehler=0;
setTimeout("changer()",1000); <!-- Zahl in Millisekunden bis zum reload -->
}
</script>
</head>
<body onLoad="changer()">
<img src="#" id="bild" />
</body>
</html>
Das ist viel zu aufw?ndig! nenn die bilder bild1 bild2, ... bild10,... bild15 und erh?h einen Ticker der bild[x] anzeigt!
?h, Tschuldigung, aber genau das macht mein Code !
Und viel mehr optimieren kann man da nun wirklich net. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
