nicht angemeldet
Ich habe ein Problem mit JavaScript! wir versuchen gerade einen virtuellen rundgang durch unsere schule zu gestalten!dabei haben wir uns an einen punkt der schule gestellt und mit einer digitalkamera und um 360° gedreht und fotos gemacht! die wollen wir dann als ein Panorama Bild zusammen schneiden! jetzt haben wir das problem das mit JavaScript auf die homepage zu bekommen! dabei wollen wir, dass ein ausschnitt des panorama bildes gezeigt wird und durch klicken auf buttons(rechts und links) sich die ansicht auf das panoramabild sich jeweils nach rechts oder links bewegt wird! wäre nett, wenn ihr mir es sagen könntet wie ich das machen sollte!
danke
Hallo Andi,
mach gleich breite Streifen vom Gesamtbild (ca. 36 Bilder je 10°) und numeriere die Bilder von 0.gif bis 35.gif. Danach kannst Du folgendes Script verwenden:
<html>
<head>
<script language="javascript">
var i, n_Gesamt=36, n_Ausschnitt=6, Winkel=0;
Bild=new Array(n_Gesamt);
for (i=0; i<n_Gesamt; i++)
{ Bild[i]=new Image;
Bild[i].src=i+".gif";
}
function Drehen(Richtung)
{ Winkel=(Winkel+Richtung+n_Gesamt)%n_Gesamt;
for (i=0; i<n_Ausschnitt; i++)
document.images[i].src=Bild[(i+Winkel)%n_Gesamt].src;
}
</script>
</head>
<body>
<form>
<table noborder><tr><td>
<input type=button value="<<" onClick="Drehen(-1)">
</td><td>
<script language="javascript">
document.open();
for (i=0; i<n_Ausschnitt; i++)
document.write("<img src='"+Bild[i].src+"'>");
</script>
</td><td>
<input type=button value=">>" onClick="Drehen(1)">
</td></tr></table>
</form>
</body>
</html>
Die Werte für n_Gesamt und n_Ausschnitt kannst Du noch anpassen.
Viele Grüße,
Lutz T.