tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
345
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Beervampir Beervampir ist offline Mitglied
    Registriert seit
    Feb 2002
    Ort
    Hamburg
    Beiträge
    22
    Moin erstmal,

    ich habe ein mittelschweres Problem mit dem Bildaustausch.
    Damit ihr euch mein Problem vorstellen könnt, schaut auf www.zeitlupenmodel.de/prob da habe ich eine vergleichbare Datei abgelegt.

    ....und nun zu meinem Problem:
    ich möchte jedesmal wenn man über die Vorschaubilder fährt einen Bildaustausch des großen Bildes. Im Explorer ist das mit DW ja auch alles kein Prob, aber der gute alte Netscape 4.79 kriegt das alles einfach nicht gewuppt.

    Falls ihr eine Idee habt, würde ich mich sehr drüber freuen!

    Thx im vorraus!
     
    ¸.·´¯`>Jeder Abschied ist die Geburt einer neuen Erinnerung<´¯`·.¸

  2. #2
    Registriert seit
    Feb 2002
    Ort
    Österreich | Vorarlberg
    Beiträge
    613
    das sollte gehn:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     
    <html>
    <head>
        <title>Untitled</title>
        <script language="JavaScript">
        //Bilder in Chache speichern
        var bild01_klein = new Image();
        bild01_klein.src = "gfx/bild01_klein.gif";
        var bild02_klein = new Image();
        bild02_klein.src = "gfx/bild02_klein.gif";
        var bild03_klein = new Image();
        bild03_klein.src = "gfx/bild03_klein.gif";
        var bild04_klein = new Image();
        bild04_klein.src = "gfx/bild04_klein.gif";
        var bild01_gross = new Image();
        bild01_gross.src = "gfx/bild01_gross.gif";
        var bild02_gross = new Image();
        bild02_gross.src = "gfx/bild02_gross.gif";
        var bild03_gross = new Image();
        bild03_gross.src = "gfx/bild03_gross.gif";
        var bild04_gross = new Image();
        bild04_gross.src = "gfx/bild04_gross.gif";
        //Ende -- Bilder in Chache speichern
        
        //Change Picture-Funktion
        function changePic(imgName) {
          var d = document;
          if(d.layers) {
            eval("d.layers['big'].src = " + imgName + ".src;");
          } else if(d.all) {
            eval("d.all['big'].src = " + imgName + ".src;");
          } else if((!d.all)&&(d.getElementById)) {
            eval("d.getElementById('big').src = " + imgName + ".src;");
          }
        }
        </script>
    </head>
     
    <body>
     
    <table cellpadding=0 cellspacing=0 border=0 width=400>
      <tr>
        <td width=200>
        <img src="gfx/bild01_gross.gif" name="big">
        </td>
        <td>
        <img src="gfx/bild01_klein.gif" onmouseover="changePic('bild01_gross')"><p>
        <img src="gfx/bild02_klein.gif" onmouseover="changePic('bild02_gross')"><p>
        <img src="gfx/bild03_klein.gif" onmouseover="changePic('bild03_gross')"><p>
        <img src="gfx/bild04_klein.gif" onmouseover="changePic('bild04_gross')"><p>
        </td>
      </tr>
    </table>
     
    </body>
    </html>

    greetZZzz
     

  3. #3
    Beervampir Beervampir ist offline Mitglied
    Registriert seit
    Feb 2002
    Ort
    Hamburg
    Beiträge
    22
    Oki, besten Dank!
    Ich habe zwischenzeitlich schon eine andere Variante gefunden, mit der es einwandfrei ****t!

    Trotzdem THX.
     
    ¸.·´¯`>Jeder Abschied ist die Geburt einer neuen Erinnerung<´¯`·.¸

  4. #4
    Registriert seit
    Feb 2002
    Ort
    Österreich | Vorarlberg
    Beiträge
    613
    np dude
     

  5. #5
    tplant tplant ist offline Mitglied
    Registriert seit
    Sep 2003
    Beiträge
    18
    Hi Samuel,
    tolles Script, nur sollte für Netscape/Mozilla die Methode "Images" verwendet
    werden, sonst tut sich in o.g. Browsern leider gar nichts.

    Also: if(d.layers) {
    eval("d.layers['big'].src = " + imgName + ".src;");
    } else if(d.images) {
    eval("d.images['big'].src = " + imgName + ".src;");
    } else if((!d.all)&&(d.getElementById)) {
    eval("d.getElementById('big').src = " + imgName + ".src;");

    Viele Grüße,
    Tplant
     

Ähnliche Themen

  1. Bildaustausch bei mouseover
    Von cille im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 31.03.07, 14:47
  2. Bildaustausch via Mouseover
    Von k1k0 im Forum HTML & XHTML
    Antworten: 12
    Letzter Beitrag: 09.06.05, 20:47
  3. Bildaustausch per Css (hover)
    Von whiterussian im Forum CSS
    Antworten: 8
    Letzter Beitrag: 27.10.04, 16:02
  4. Generischer Bildaustausch?
    Von Jersey im Forum HTML & XHTML
    Antworten: 7
    Letzter Beitrag: 20.10.04, 17:41
  5. Netscape - Adressen von Nokia7650 nach Netscape Adressbuch übertragen
    Von wolfganghofer im Forum Office-Anwendungen
    Antworten: 1
    Letzter Beitrag: 15.04.04, 20:08