✔ Bilderwechsel onchange

F

figugegu

Grünschnabel
Hallo zusammen,
dies ist ein thema, das schon einige male behandelt wurde, aber ich verstehs leider noch immer nicht wirklich. Mit einem Select-Feld möchte ich zwischen versch. bildern aussuchen können und sobald ich dies gemacht hab, wechselt das bild unterhalb des select-feldes.

In diesem Thread hab ich zwar den ansatz, mein problem ist jetzt aber, dass ich mein select-feld dynamisch mit php erzeuge und deshalb den value-inhalt übergeben muss, der dann im img-tag eingesetzt wird.

Kann mir jemand einen hilfreichen Link oder einen Ansatz dazu geben?

Vielen Dank schon jetzt

Figu
 
Hier mal nen ganz simples Beispiel:
PHP: 
<html>
<head>
<title>Test</title>
</head>
<body>
<select onchange="document.bild.src=this.value">
<?php
  
  $imgs=array('bild1.gif','bild2.gif','bild3.gif');
  
  foreach($imgs as $img)
    {
      echo '<option value="'.$img.'">'.$img.'</option>';
    }

?>
</select>
<br /><img name="bild" src="bild.gif" />
</body>
</html>
 
hmmm, also ich habs inzwischen auch gelöst, einfach auf eine andere, kompliziertere art. Deine schaut aber ganz schick aus.
Wie füll ich jetzt aber das array mit bildernamen aus der datenbank? mit mysql_fetch_array? dann bekomm ich lediglich ein resultat!

THX
 
also, hier mein vorschlag, der auch super klappt... bis auf eines; wenn die seite nun aufgerufen wird und die variable $_GET[name] übergeben wird, wird nicht das passende bild angezeigt, das auch logisch ist, da das ganze auf "onchange" basiert. gibt es eine Lösung für dieses Problem?

HTML: 
<select onchange="document.bild.src=this.value">
<?
	$sql = "SELECT * FROM mitglieder WHERE lorj=1 ORDER BY name";
$result = mysql_query($sql,$db);

	while($myrow = mysql_fetch_array($result)){

if($myrow["vorname"] === $_GET["name"]) { echo "<option value=\"../../www/images/portraits/".$myrow["bild"]."\" selected>".$myrow["vorname"]."</option>\n"; }
else {
echo "<option value=\"../../www/images/portraits/".$myrow["bild"]."\">".$myrow["vorname"]."</option>\n"; }

}
?></select>
<br>
<img name="bild" src="bild.gif" />
 
Ja. Merk dir in der Schleife, welches Bild das Defaultbild ist und füg das anschließend statt bild.gif beim img-Tag ein.

Btw. Beim Defaultwert wird lediglich " selected" in den Option-Tag eingefügt. Würd den Code etwas verkürzen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück