dropdown liste bild ändern?

[benzrecordings]

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

[lyc8069]

Ja, gibt es! Ich poste mal den Code.

[lyc8069]

Ok, also hier der Code für den Mouseovereffekt:

   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");}
   }

[pit-r]

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.

[benzrecordings]

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...

[lyc8069]

Oh,ich bin wohl etwas durcheinnander gekommen!

[tomkpunkt]

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

[benzrecordings]

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

[anna55]

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

Gruß Anna

[pit-r]

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

[Cord Worthmann]

Falls es von Bedeutung ist: Im IE 7 tut sich nichts.

function change(){
    ...
    image.src = select.value;
}

Grüsse

[pit-r]

image.src = select.value;

Es geht hier nicht um setAttribute...

[Cord Worthmann]

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

[pit-r]

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

[Cord Worthmann]

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



Gruesze