Javascript Problem Safari

Dieses Thema im Forum "Web Page Design" wurde erstellt von kaifreund, 26.07.2005.

  1. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    MacUser seit:
    30.07.2004
    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!
     
Die Seite wird geladen...
Ähnliche Themen - Javascript Problem Safari
  1. fallen
    Antworten:
    2
    Aufrufe:
    637
    fallen
    29.08.2006
  2. mhmedia
    Antworten:
    4
    Aufrufe:
    995
    mhmedia
    18.02.2006
  3. m0mo
    Antworten:
    2
    Aufrufe:
    1.688
  4. TobiM
    Antworten:
    19
    Aufrufe:
    1.144
  5. sideshow
    Antworten:
    0
    Aufrufe:
    507
    sideshow
    19.02.2005