Datei - Iframe-Slideshow mit Dateien

<body >
<input type="button" value="Start iframe Slideshow" onclick="slideshow()"/>
<br/>
<iframe id="myIframe" src="../Beispiele/Borderbild.html" height="500" name="Slider" style="float: center" target="_self" width="80%"></iframe>
<script type="text/javascript">
var iframeSrc = new Array;
iframeSrc[0] = "../Beispiele/Drehender Würfel.html";
iframeSrc[1] = "../Beispiele/Foto Morphing Effekt.html";
iframeSrc[2] = "../Beispiele/Digitale Uhr.html";
iframeSrc[3] = "../Beispiele/Blubberschrift.html";
var intervalVar;
var interval = 3.0; // seconds between iframe switching
var currentSrc = 0;
var lastPage = iframeSrc.length - 1;
var playing = false;
function switchPage() { currentSrc++;
if (currentSrc > lastPage) currentSrc = 0;
document.getElementById("myIframe").src = iframeSrc[currentSrc];}
function slideshow() {
if (playing) { playing = false; clearInterval(intervalVar); }
else { intervalVar = setInterval(switchPage, interval * 1000); } }
</script>
</body>

html knowhow

Datei - Iframe-Slideshow mit Dateien

Datei - Iframe-Slideshow mit Dateien