Ein Bild dynamisch mit Parameter laden
Alex Münch
- grafik
Hallo!
Ich krieg langsam die Krise.
Ich würde gerne auf einer HTML-Seite zB 5 Thumbnails anzeigen.
Wenn ich auf ein Thubmnail klicke sollte eine neue Seite "X" aufgehen mit dem größeren Bild darauf.
Wenn ich auf das 2. Thumbnail klicke sollte die gleiche Seite "X" aufgehen, aber mit einem anderen Bild darauf. usw.
Ich hoff ich hab mich da richtig ausgedrückt.
Kann mir bitte jemand helfen? - Bin neu.
Dachte daran beim Anklicken des Thumbnails einen Parameter mit dem Namen des Dateinamens des großen Bildes zu übergeben.
Jedoch weiß ich nicht wie ich auf der Seite "X" den übergebenen Parameter in das img src einfliessen lassen muss.
Bitte helft mir! - Ist auch schon dringend leider.
Hi,
Jedoch weiß ich nicht wie ich auf der Seite "X" den übergebenen Parameter in das img src einfliessen lassen muss.
mit der serverseitigen Technik Deines Vertrauens.
Bitte helft mir! - Ist auch schon dringend leider.
Es ist _immer_ dringend. Das hilft aber nicht.
Cheatah
Dachte daran beim Anklicken des Thumbnails einen Parameter mit dem Namen des Dateinamens des großen Bildes zu übergeben.
Jedoch weiß ich nicht wie ich auf der Seite "X" den übergebenen Parameter in das img src einfliessen lassen muss.Bitte helft mir! - Ist auch schon dringend leider.
hallo alex
ich habs in dieser form noch nicht getestet und die programmierung ist auch nicht die schönste (schon etwas älter) aber deine x.htm müsste in etwa so aussehen:
<HTML>
<HEAD>
<TITLE>Bild</TITLE>
<script language="JavaScript" TYPE="text/javascript">
function get_parameters() {
// erzeugt für jeden in der url übergebenen parameter einen wert
// bsp: x.htm?nachname=Munch&vorname=Alex&bildfile=wasserfall.jpg erzeugt
// variable nachname mit wert Munch und
// variable vorname mit wert Alex
// variable bildfile mit wert wasserfall.jpg
var hier = document.URL;
var parameterzeile = hier.substr((hier.indexOf("?")+1))
var trennpos
var endpos
var paramname
var paramwert
while (parameterzeile != "") {
trennpos = parameterzeile.indexOf("=")
endpos = parameterzeile.indexOf("&")
if (endpos < 0) { endpos = 500000 }
paramname = parameterzeile.substr(0,trennpos)
paramwert = parameterzeile.substring(trennpos+1,endpos)
eval (paramname + " = "" + paramwert + """)
parameterzeile = parameterzeile.substr(endpos+1)
}
}
</script>
</HEAD>
<BODY>
<script language="JavaScript">
get_parameters()
document.write('<IMG name="bild" SRC="' + bildfile + '" ALT="Bild"">')
</script>
</BODY>
</HTML>
die bilder rufts du dann mit:
x.htm?bildfile=wasserfall.jpg
x.htm?bildfile=bauernhaus.jpg
x.htm?bildfile=vogel.jpg
usw. auf
die funktion get_parameters() filtert dir den übergebenen parameter aus und dann wird mit write ein bild dessen quelle "wasserfall.jpg" ist erzeugt.
ja ja. eilig ist es immer. ich hoffe das hilft dir weiter
gk. karl :-)´
SUPER HAT SEHR GUT FUNKTIONIERT!
Dachte daran beim Anklicken des Thumbnails einen Parameter mit dem Namen des Dateinamens des großen Bildes zu übergeben.
Jedoch weiß ich nicht wie ich auf der Seite "X" den übergebenen Parameter in das img src einfliessen lassen muss.Bitte helft mir! - Ist auch schon dringend leider.
hallo alex
ich habs in dieser form noch nicht getestet und die programmierung ist auch nicht die schönste (schon etwas älter) aber deine x.htm müsste in etwa so aussehen:
<HTML>
<HEAD>
<TITLE>Bild</TITLE><script language="JavaScript" TYPE="text/javascript">
function get_parameters() {
// erzeugt für jeden in der url übergebenen parameter einen wert
// bsp: x.htm?nachname=Munch&vorname=Alex&bildfile=wasserfall.jpg erzeugt
// variable nachname mit wert Munch und
// variable vorname mit wert Alex
// variable bildfile mit wert wasserfall.jpg
var hier = document.URL;
var parameterzeile = hier.substr((hier.indexOf("?")+1))
var trennpos
var endpos
var paramname
var paramwert
while (parameterzeile != "") {
trennpos = parameterzeile.indexOf("=")
endpos = parameterzeile.indexOf("&")
if (endpos < 0) { endpos = 500000 }
paramname = parameterzeile.substr(0,trennpos)
paramwert = parameterzeile.substring(trennpos+1,endpos)
eval (paramname + " = "" + paramwert + """)
parameterzeile = parameterzeile.substr(endpos+1)
}
}</script>
</HEAD>
<BODY>
<script language="JavaScript">
get_parameters()
document.write('<IMG name="bild" SRC="' + bildfile + '" ALT="Bild"">')
</script></BODY>
</HTML>die bilder rufts du dann mit:
x.htm?bildfile=wasserfall.jpg
x.htm?bildfile=bauernhaus.jpg
x.htm?bildfile=vogel.jpg
usw. aufdie funktion get_parameters() filtert dir den übergebenen parameter aus und dann wird mit write ein bild dessen quelle "wasserfall.jpg" ist erzeugt.
ja ja. eilig ist es immer. ich hoffe das hilft dir weiter
gk. karl :-)´