Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 16
  1. #1
    benzrecordings ist offline Jungspund
    registriert
    01-09-2006
    Beiträge
    11

    dropdown liste bild ändern?

    hallo,
    ist es möglich mittels javascript bilder auszutauschen, wenn ich in einer dropdownliste einen anderen punkt auswähle?


    also zum beispiel foto1 -> foto1.jpg
    foto2 -> foto2.jpg


    bin für jeden tipp dankbar...

    gruß chris

  2. #2
    lyc8069 ist offline Routinier
    registriert
    27-01-2007
    Beiträge
    397

    AW: dropdown liste bild ändern?

    Ja, gibt es! Ich poste mal den Code.

  3. #3
    lyc8069 ist offline Routinier
    registriert
    27-01-2007
    Beiträge
    397

    AW: dropdown liste bild ändern?

    Ok, also hier der Code für den Mouseovereffekt:
    Code:
       if (document.images)
       {
       Bild0_Normal = new Image();
       Bild0_Normal.src = "test_0a.gif";
       Bild0_Tausch = new Image();
       Bild0_Tausch.src = "test_0b.gif";
    
       Bild1_Normal = new Image();
       Bild1_Normal.src = "test_1a.gif";
       Bild1_Tausch = new Image();
       Bild1_Tausch.src = "test_1b.gif";
    
       Bild2_Normal = new Image();
       Bild2_Normal.src = "test_2a.gif";
       Bild2_Tausch = new Image();
       Bild2_Tausch.src = "test_2b.gif"; 
       }
    
       function Over(BildName)
       {   
        if (document.images) {
        document[BildName].src = eval(BildName + "_Tausch.src");}
       }
    
       function Out(BildName)
       {
        if (document.images) {
        document[BildName].src = eval(BildName + "_Normal.src");}
       }

  4. #4
    pit-r Guest

    AW: dropdown liste bild ändern?

    Zitat Zitat von lyc8069
    Der Weg ist das Ziel, aber das Ziel war keinesfalls der Weg.
    Keine Ahnung, was Dein Ziel ist. Dein Weg ist aber definitiv der Falsche. Du brauchst dringend ein Navigationssystem.

  5. #5
    benzrecordings ist offline Jungspund
    registriert
    01-09-2006
    Beiträge
    11

    AW: dropdown liste bild ändern?

    hey danke für die hilfe, aber ich meinte keinen mousover effekt...


    ich habe ein bestellformular. da drüber ist ein bild zu sehen, zb. "rote rosen". dies ist auch der erste ausgewählte wert im formular. wenn ich jetzt aber gelbe tulpen auswähle, wir das bild rosen.jpg gegen das bild tulpen.jpg ausgetauscht...

    ist das nicht irgednwie möglich...

  6. #6
    lyc8069 ist offline Routinier
    registriert
    27-01-2007
    Beiträge
    397

    AW: dropdown liste bild ändern?

    Oh,ich bin wohl etwas durcheinnander gekommen!

  7. #7
    tomkpunkt ist offline Jungspund
    registriert
    14-02-2007
    Beiträge
    18

    AW: dropdown liste bild ändern?

    ich würde irgend wie sowas machen:

    html:

    <select id="select" onchange="change()">
    <option value="rose.jpg">rose</option>
    <option value="tulpe.jpg">tulpe</option>
    <option value="nelke.jpg">nelke</option>
    </select>

    <img src="default.jpg" id="image"/>

    js:

    function change(){
    image = document.getElementById("image");
    select = document.getElementById("select")
    image.setAttribute("src",select.value)
    }

    so in etwas müsste der ansatz dafür sein...
    gibt sicher auch andere wege und vorallem keine garantie

  8. #8
    benzrecordings ist offline Jungspund
    registriert
    01-09-2006
    Beiträge
    11

    AW: dropdown liste bild ändern?

    vieln dank! das sieht gut aus!

    hab das ganze noch mit nem fade effect von scriptacoulus erweitert. wens interessiert, der kann sich das ja mal hier angucken... is nur ein dummy...


    quelltext bei bedarf einfach kopieren...

    Unbenanntes Dokument

  9. #9
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: dropdown liste bild ändern?

    Falls es von Bedeutung ist: Im IE 7 tut sich nichts. FF und Opera tauschen die Bilder.

    Gruß Anna


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  10. #10
    pit-r Guest

    AW: dropdown liste bild ändern?

    Moin!

    Das hat damit zu tun, daß globale Variablen sich mit den ids der Objekte beißen. IE hat da seine eigene Umgehensweise...

    Ahoi - Pit

  11. #11
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: dropdown liste bild ändern?

    Zitat Zitat von anna55 Beitrag anzeigen
    Falls es von Bedeutung ist: Im IE 7 tut sich nichts.
    Code:
    function change(){
        ...
        image.src = select.value;
    }

    Grüsse

  12. #12
    pit-r Guest

    AW: dropdown liste bild ändern?

    Zitat Zitat von Cord Worthmann
    image.src = select.value;
    Es geht hier nicht um setAttribute...

  13. #13
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: dropdown liste bild ändern?

    Zitat Zitat von pit-r Beitrag anzeigen
    Es geht hier nicht um setAttribute...
    Stimmt!
    Offensichtlich macht der MSIE alle Elemente mit name-Attr. zu schreibgeschützten Eigenschaften von window ... das war mir allerdings auch neu.


    Gruesze

  14. #14
    pit-r Guest

    AW: dropdown liste bild ändern?

    Zitat Zitat von Cord Worthmann
    Offensichtlich macht der MSIE alle Elemente mit name-Attr. zu schreibgeschützten Eigenschaften von window
    So kann mann das auch nicht sagen.

    Edit: Aheu - Pit

  15. #15
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: dropdown liste bild ändern?

    Offensichtlich macht der MSIE alle Elemente mit name-Attr. (bei denen dieses Attribut auch zulässig ist) zu schreibgeschützten Eigenschaften von window.



    Gruesze

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. Antworten: 8
    Letzter Beitrag: 16-02-2007, 01:12
  2. DropDown Box mit Tooltip und Bild
    Von carpulet im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 16-11-2006, 23:13
  3. Fotoalbum
    Von jona999 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 01-12-2005, 13:36
  4. Fotoalbum
    Von kellerwirt im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 24-12-2004, 20:31
  5. sprung innerhalb von frames
    Von kellerwirt im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 20-11-2004, 21:29

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •