Javascript Problem Safari

kaifreund

Mitglied
Thread Starter
Dabei seit
30.07.2004
Beiträge
52
Reaktionspunkte
0
Hallo Forum,
ich hatte vor ein paar Tagen das Problem schon einmal gepostet, leider ohne Resultat.
Nun kann ich das Problem etwas genauer beschreiben, vielleicht kann mir ja heute Jemand einen Tip geben.

Durch Klick auf eine HTML Seite mit mehreren Hotspots öffnet sich ein Popup. In dieses Popupfenster wird jeweils ein Bild und eine JS "vor/zurück" Navigation geladen. Soweit so gut.

Die verschiedenen Bilder des Popups haben in der Regel unterschiedliche Proportionen. Wenn ich nun die vor/zurück Navigation des Popups bemühe, zieht Safari (und nur der!) die folgenden Bilder auf die Proportionen des zuallererst angesehenen Bildes.
Wenn ich dagegen über die Sammelvorschau gehe werden alle Bilder in den korrekten Seitenverhältnissen angezeigt.

Das Problem liegt also anscheinend im Code des Popups.
Hier hat sich gezeigt das wenn ich die Höhe und Breite des zu ladenden Bildes angebe alle Browser die folgenden Bilder in den Proportionen des zuallererst angesehenen Bildes anzeigen. Ohnedie konkrete Angabe der Höhe und Breite werden die folgenden Bilder nur im Safari proportional falsch angezeigt.
Was läuft da falsch? Please help.

Code des popups:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title></title>

<link href="../../css/all.css" rel="stylesheet" type="text/css">


<style type="text/css">
<!--
textarea, td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        vertical-align:middle;
}

textarea {
        width:335px;
        height:16px;
}

--></style>

<script type="text/javascript">
<!--
 window.focus();

var bildnr=2;

var photos = new Array();
var text = new Array();
photos[0] = "bilder/Bild01_03.jpg";
text[0] = "ohne Titel Acryl auf Leinwand 140 x 190 cm";

photos[1] = "bilder/Bild02_03.jpg";
text[1] = "ohne Titel Acryl auf Leinwand 134 x 175 cm";

photos[2] = "bilder/Bild03_03.jpg";
text[2] = "ohne Titel Acryl auf Leinwand 190 x 140 cm";

photos[3] = "bilder/Bild04_03.jpg";
text[3] = "Acryl auf Leinwand, zweiteilig, je 130 x 150 cm";

photos[4] = "bilder/Bild05_03.jpg";
text[4] = "ohne Titel Acryl auf Leinwand 170x 134 cm";

photos[5] = "bilder/Bild06_03.jpg";
text[5] = "ohne Titel Acryl auf Leinwand 150 x 130 cm";

photos[6] = "bilder/Bild07_03.jpg";
text[6] = "ohne Titel Acryl auf Leinwand 150 x 130 cm";

photos[7] = "bilder/Bild08_03.jpg";
text[7] = "ohne Titel Acryl auf Leinwand 130 x 100 cm";

photos[8] = "bilder/Bild09_03.jpg";
text[8] = "ohne Titel Acryl auf Leinwand 122 x 61 cm";

photos[9] = "bilder/Bild10_03.jpg";
text[9] = "ohne Titel Acryl auf Leinwand 122 x 61 cm";

photos[10] = "bilder/Bild11_03.jpg";
text[10] = "ohne Titel Acryl auf Leinwand 122 x 61 cm";

photos[11] = "bilder/Bild12_03.jpg";
text[11] = "ohne Titel Acryl auf Leinwand 61 x 46 cm";

photos[12] = "bilder/Bild13_03.jpg";
text[12] = "ohne Titel Acryl auf Leinwand 61 x 46 cm";

function backward(){
if (bildnr>0){
bildnr--;
} else {
bildnr = photos.length-1;
}
document.images.Bild.src=photos[bildnr];
document.text.verweis.value=text[bildnr];
}

function forward(){
if (bildnr<photos.length-1) {
bildnr++;
} else {
bildnr=0;
}

document.images.Bild.src=photos[bildnr];
document.text.verweis.value=text[bildnr];
}


//-->
</script>
</head>

<body style="width:550px; height:570px;">
<form name="text">
<table style="border: 1px solid #999999; text-align:center; width:550px;">

<tr>
<td width="15px">&nbsp; </td>
<td  width="550px" height="540px" align="center" colspan="3"><img src="bilder/Bild03_03.jpg" name="Bild" border="0"></td>
<td width="15px">&nbsp; </td>
</tr>

<tr>
<td width="15px">&nbsp; </td>
<td><span style="text-align:left;"><a href="javascript:backward()"><b><</b></a></span></td>
<td align="center" ><textarea name="verweis" style="border:0px; overflow:hidden; text-align:center; color:#999999">ohne Titel Acryl auf Leinwand 190 x 140 cm</textarea></td>
<td style="text-align:right;"><span><a href="javascript:forward()"><b>></b></a></span></td>
<td width="15px">&nbsp; </td>
</tr>
</table>
</form>

Hier ist der Link (Idealer Weise wählt: Malerei - 2003)

Ich danke für eure Hilfe!
 
Zurück
Oben Unten