Panoramabild (2)

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Panoramabild (2)

Beitrag von Hape »

Hier noch ein Script für die Darstellung eines Panoramabildes.

In den Header:

Code: Alles auswählen

<script type="text/javascript">
<!--
var bgPos = 0;
var scrollDelay = 50;

function Scroller(){
var bgr = new getObj('pnrm');
bgPos++;
eval('bgr.style.backgroundPosition="'+bgPos+'px 0px";');
setTimeout("Scroller()", scrollDelay);
}

// the following function's taken from QuirksMode website:
function getObj(name) {
var o = 'this.obj = document.';
var s = 'this.style = document.';
if (document.getElementById) {
eval(o + 'getElementById(name);');
eval(s + 'getElementById(name).style;');
}
else if (document.all) {
eval(o + 'all[name];');
eval(s + 'all[name].style;');
}
else if (document.layers) {
eval(o + 'layers[name];');
eval(s + 'layers[name];');
}
}
//-->
</script>

Code: Alles auswählen

<style type="text/css">
<!--
#pnrm {background : url('/bild1.jpg') top left; width : 800px; height : 400px; border : 1px solid red;}
-->
</style>
In den Body einfügen:

Code: Alles auswählen

<script type="text/javascript">
<!--
Scroller()
// -->
</script>
Demoseite dazu hier: https://hapes-javascript-demo-page.hpag ... ama-2.html

Antworten