Panorama Bild soll sich bewegen ohne Maus Navigation

1 Robert (Gast)

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

2 Jörg Kruse

Hallo Robert,

ich habe die Panoramaschau gerade im neuen IE 7 getestet: dort funktioniert sie auch problemlos. Bin gerade etwas im Stress, ich werde aber später nochmal genauer schauen, warum der IE6 hier streikt

3 Jörg Kruse

So jetzt bin ich dazu gekommen, das Script nochmal genauer mit dem IE 6 zu testen. Das Problem hierbei ist anscheinend, dass der IE 6 bei jeder Verschiebung das Hintergrundbild neu laden möchte :/ Der IE 7 verhält sich nicht so, so dass das Bild dort problemlos gescrollt wird. Wie man das Neuladen im IE 6 verhindern könnte, weiß ich im Moment auch nicht, vielleicht fällt mir (oder jemand) anderem noch etwas zu ein. Andernfalls müsste man sich eine andere Scrollmethode überlegen

4 Robert (Gast)

Hi und danke für Dein bemühen.
Ich hoffe sehr das Dir noch etwas einfällt da ich ein absoluter dummie bin , und selbst die Problematik nicht beseitigen kann.

Danke im Voraus

Robert

5 Jörg Kruse

Hallo Robert,

wenn man das Bild als img Element einbindet, funktioniert das Verschieben wohl auch im IE 6, da er das Bild dan nicht jedes mal neu lädt.

Ich habe die Funktion mal entsprechend umgebaut:

<script type="text/JavaScript">
x = 4;
i = -259;

function move()
{
  document.getElementById('panorama').style.left = (x * i);
  setTimeout('move()',40);
  if (i < 0) {
    i++;
  } else {
    i = -259;
  }
}

  window.onload = move;
</script>

<div style="width:600px; height:122px; overflow:hidden>
<img src="pana.jpg" id="panorama" style="position:relative; left:-1035">
</div>

Das umgebende Div erhält ein overflow:hidden, so dass derselbe Effekt erreicht wird. Das Bild musst du hierfür noch verdoppeln (auf 2070*122), so dass ein Rundumlauf angezeigt werden kann. Ich habe dies mit zwei Bildern probiert, aber irgendwie schien dies so nicht hinzuhauen.

Das ganze funktioniert auch mit deinem Doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Standardkonform ist diese Lösung aber wohl nicht, da sie bei anderen Doctypes nicht mehr funktioniert. Vielleicht kennt jemand aber noch eine sauberere Lösung?

6 Robert (Gast)

Hi.
Danek zunächst Mal für die Lösung.
Werde Sie sobald wie möglich ausprobieren (heute abend)

Zu den Doctype:
Nun diese hat mein Html Editor (Html-Kit) automatisch erstellt.Habe mich damit nicht näher beschäftigt.

Das umgebende Div erhält ein overflow:hidden, so dass derselbe Effekt erreicht wird. Das Bild musst du hierfür noch verdoppeln (auf 2070*122), so dass ein Rundumlauf angezeigt werden kann. Ich habe dies mit zwei Bildern probiert, aber irgendwie schien dies so nicht hinzuhauen

Du meinst es hat nicht hingehauen weil du 2 Bilder genommen hast?
Kannst Du mir einen Tipp geben ob ich das Bild Spiegeln soll oder einfach dranhängen?

Na werd mal etwas rum probieren.

Gruß Robert

7 Jörg Kruse

Das Bild musst du hierfür noch verdoppeln (auf 2070*122), so dass ein Rundumlauf angezeigt werden kann. Ich habe dies mit zwei Bildern probiert, aber irgendwie schien dies so nicht hinzuhauen

Du meinst es hat nicht hingehauen weil du 2 Bilder genommen hast?

Es wurde nur ein Bild angezeigt - warum, habe ich nicht herausfinden können. Mit einem Doppelbild hat es dann aber funktioniert

Kannst Du mir einen Tipp geben ob ich das Bild Spiegeln soll oder einfach dranhängen?

Rechts nocheinmal dranhängen - so dass das Panorama von links nach rechts zweimal angezeigt wird

8 Robert (Gast)

Merci

Kann man sich in irgendeiner Art revangieren?
Auch wenn das ein Forum ist , wo es "normal" ist das user usern helfen?

Zu meinen Steckenpferden zählen , Photografie , EBV , EDV, und Webdesign auf einen Level , der sicher weit unter deinen Fähigkeiten liegt.

Gruß Robert

9 Jörg Kruse

Revanchieren kannst du dich, indem du dich entweder hier im Forum aktiv beteiligst oder das Forum (z.B. durch einen Link) weiterempfiehlst :)

10 Robert (Gast)

Yes....es funktioniert

Daaaaaaaaaaaaaaaaanke

nach oben

Panorama Bild soll sich bewegen ohne Maus Navigation

Beitrag schreiben (als Gast)