Panorama Bild verschieben ohne navigation durch Maus

[Robert]

Hallo zusammen.

Ich habe hier über selfhtml , HTMl gelernt vor ca. 4 Jahren .
Mittlerweile habe ich auch schon einige Seiten in Netz bebracht.Bin allerdings bei Html geblieben.

Zu meinen Seiten gehören zwei ehrenamtliche Kirchen/Christliche Seiten.

Jetzt wollte ich eine Pano Bild sich drehen lassen.Habe auch schon verschiede Scripte ausprobiert  und das beste Ergebnis könnt hier sehen:
www.haus-concordia.com
dann  zu version 1:
Deutsch wählen, und unter 360 Galerie.
Im Firefox funktiert es gut, im IE6 leider nicht.

Das ganze habe ich mit Hilfe eines Kollegens modifiziert
Zu sehen auf:

www.haus-concordia.com
dann  zu version 2:
Polnisch wählen, und unter Galerie/360 Galerie.
Im Firefox funktiert es gut, im IE6 leider nicht.

In beiden Varianten , funktioniert es wenn man ein bißchen rumklickt.

Egal wo ich gesucht habe, forum , auch hier, google...ich habe nirgendwo ein script gefunden das ohne probleme funktioniert.Es soll ansich  "nur" ein längliches Bild 200x600 um x pixel pro x sek verschieben...und zurück.

Kann mir jemand hier helfen , mit einen Alternativen Script , mit der Korrektur der beiden die online sind, oder einen Link zu einer Alternative.

Danke im Voraus

Robert

[JürgenB]

Hallo Robert,

beim schnellen Drübersehen habe ich Folgendes gefunden:

document.getElementById('panorama').style.backgroundPosition=x*i;

Hier fehlt die Einheit, also z.B. ...=x*i+"px";

Gruß, Jürgen

[Robert]

Ok
Danek für die Antwort.
Zu Hause werde ich es gleich mal ausprobieren.

Gruß Robert

Hallo Robert,

beim schnellen Drübersehen habe ich Folgendes gefunden:

document.getElementById('panorama').style.backgroundPosition=x*i;

Hier fehlt die Einheit, also z.B. ...=x*i+"px";

Gruß, Jürgen

[Robert]

Hi
So jetzt habe ich es ausprobiert.
Leider keine Änderung.
Hat da jemand noch einen Rat?

Robert

Hier zu besseren Übersicht die Version 1:
<table style="background:url(bilder/pana.jpg);margin-left:10px;"width="600"height="122"id="panorama">
<tr><td ></td></tr>
</table>
<script language="Javascript" type="text/JavaScript">
<!--
x=4;
i=1;
function move()
{
if(!document.getElementById){return;}
document.getElementById('panorama').style.backgroundPosition=x*i;
setTimeout('move()',40);
i++;
}
window.onload=move;
//-->
</script>

Hier zu besseren Übersicht die Version 2:
Mittlerweile durch Jürgens Tipp ergänzt:x*i+"px"

<script language="Javascript" type="text/JavaScript">
<!--
x=4;
i=1;

function smove()
{
 if(!document.getElementById){return;}
 if (document.getElementById('panorama').readyState == 'complete')
  {setTimeout('move()',40);}
 else
  {setTimeout('move()',3000);}
}

function move()
{
document.getElementById('panorama').style.backgroundPosition=x*i+"px";
setTimeout('move()',40);
i++;
}

window.onload=smove;
//-->
</script>

Ok
Danek für die Antwort.
Zu Hause werde ich es gleich mal ausprobieren.

Gruß Robert

Hallo Robert,

beim schnellen Drübersehen habe ich Folgendes gefunden:

document.getElementById('panorama').style.backgroundPosition=x*i;

Hier fehlt die Einheit, also z.B. ...=x*i+"px";

Gruß, Jürgen

[JürgenB]

Hallo Robert,

ich habe gerade noch einmal nachgesehen (http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position, für die Position des Hintergrundbildes müssen zwei Angaben gemacht werden: Abstand vom linken und vom oberen Rand. Versuch mal

document.getElementById('panorama').style.backgroundPosition=x*i+"px 0px";

Gruß, Jürgen

[JürgenB]

Hallo Robert,

»»» <table style="background:url(bilder/pana.jpg);margin-left:10px;"width="600"height="122"id="panorama">

noch etwas: height ist als Attribut bei table nicht erlaubt ([http://de.selfhtml.org/html/referenz/attribute.htm#table]), aber im style darf height:122px stehen.

Gruß, Jürgen