Bild interaktiv auslesen

[Sarah Schüßler]

Hallo!

Ich suche mich jetzt seit einiger Zeit durch dieses Forum und anderen Seiten, Tutorials aber ich komm nicht auf die Lösung meines Problems(welches bestimmt super einfach ist):

Ich will über ein DrodownMenü je nach Auswahl Bilder ausgeben lassen, so nach dem Motto:
Nutzer wählt Berlin und es erscheint ein Bild von Berlin..

Die möglichen Bilder versuche ich ein Array zu stecken und dieses dann abzulaufen, je nachdem welche Auswahl getroffen wurde.

$little_array=array("Bild1","Bild2","Bild3");

for ($z=1;$z<=sizeof($little_array);$z++){


if (($_REQUEST['wo'])==$z){
echo $little_array[$z-1];
}

Kann mir jemand einen kleinen Tipp geben oder ein gutes Tutorial empfehlen?
Danke schon mal im Vorraus!

 

[Sven Mintel]

Soll das Bild ohne Neuladen der Seite angezeigt werden?

 

[Sarah Schüßler]

Ja, also mit onklick..

 

[Sven Mintel]

Hier mal nen kleines Beispiel:

<select onchange="document.bild.src=this.value">
  <option value="http://www.tutorials.de/forum/images_v6/misc/tuts_default.gif">Tutorials
  <option value="http://www.tutorials.de/forum/avatars/maik.gif?dateline=1186513551">Maik
  <option value="http://www.tutorials.de/forum/avatars/con-f-use.gif?dateline=1101155245">con-f-use
  <option value="http://www.tutorials.de/forum/avatars/sven%2Bmintel.gif?dateline=1188339003">Sven
</select>
<br><img name="bild" src="http://www.tutorials.de/forum/images_v6/misc/tuts_default.gif">

Der Pfad zum Bild kommt ins value-Attribut der <option>'s ....das wars schon.

 

[Sarah Schüßler]

Danke dir!
Deine Lösung ist ja eher HTML-lastig..was muss ich denn dann aber für die Variablen im Array angeben(PHP)

 

[Sven Mintel]

Meine Lösung ist vor allem JS-lastig, da hier das JS-Forum ist

Was genau willst du denn nun?

 

[Sarah Schüßler]

Ja sorry hast Recht, ist schon Javascript..halt ohne PHP bzw. Ajax.
Wollte nur wissen ob man das auch mittels PHP bzw. Ajax machen kann und wie ich da ran gehen muss wenn ich über diesen Weg gehe. Weil ich das mit Ajax realisieren sollte.

 

[Sarah Schüßler]

Danke dir Sven für deinen Tipp! Es funktioniert schon, aber hier ist doch kein Ajax dabei oder Sorry aber ich hab noch nicht so genau verstanden was Ajax genau ist..

Ging es denn auch auf diesem Weg:
Also ich hab bis jetzt dies hier hinbekommen:

<form name="f" action="">
Welches Affenbild wollen sie auswählen?
<select name="affe" size="1" onchange="Animation()">
<option value="affe.jpg">Affe1</option>
<option value="affe1.jpg">Affe2</option>
<option value="affe2.jpg">Affe3</option>
</select>
</form>
<span id="hs"></span>
<img src="affe3.jpg" name="vorschau" width=50 height=50>

javascript(andere Datei):

function Animation(){
 for (i = 0; i< document.f.affe.length; ++i)
   if(document.f.affe.options[i].selected ==true)
    alert(document.f.affe.options[i].value);
 }

Funktioniert aber auch nicht so wirklich bzw wenn ich das Javascript in die HTML-Datei einlesen bekomme ich ein neues Fenster in dem der Name des Bildes erscheint aber nicht das Bild an sich..
Weiß jemand einen Rat wie ich das mit Ajax usw hinbekomme? Wäre sehr nett!

 

[hasta_jesaja]

Weiß jemand einen Rat wie ich das mit Ajax usw hinbekomme?

Ich wüsste jetzt nicht was du denn per AJAX holen willst?

So wie Sven das beschrieben hat wäre es am einfachsten.
Ein XMLHttpRequest ist (IMHO) hier völlig unnötig.

 

[Sarah Schüßler]

War eine Aufgabe die wir über/mit Ajax lösen sollten..aber ich hab ja was was ich vorzeigen kann..