html knowhow

Iframe-Inhalte zeitgesteuert ändern

Mit diesem kleinen Modul können Sie verschiedene Iframes zeitgesteuert anzeigen. Sie erscheinen immer an der gleichen Stelle in der Webseite und haben eine dynamische Größe.

So sieht´s aus

aaaaa

bbbbbbbbbbbbbb

Quellcode

<html>
<head>
<style type="text/css">Hier nichts</style>
</head>

<body >
<iframe id="iframe1" src="../Impressum.html" style="width: 99%;" onload="resizeIframe(this)" frameBorder="0" target="_self"></iframe>
<script>
f=0;
setInterval(function(){
f++
if (f%2!=0){ link='../index.php'; }
else { link='../BefehleStyleBody.html' }
document.getElementById('iframe1').src=link;
},5000)
</script>
<script type="text/javascript">
function resizeIframe(iframe) {
if(iframe) {
iframe.height = '';
iframe.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
}
</script>
</body>

</html>

Kontakt Datenschutz Impressum