Bild mit Beschreibung in neuem fenster
Bully
- grafik
0 Aleksej V.0 Bully
Hallo, ihr fleißigen Helfer!
Habe ein Problem und hoffe, dass mir jemand helfen kann!
Habe eine Bilder-Galerie und möchte beim anklicken eines bildes dieses in ein neues Fester laden, das sich der Bildgröße anpasst.
Habe ich irgendeine Möglichkeit im geöffnetem Fenster unter dem Bild eine Beschreibung zum Bild anzeigen zu lassen, ohne dass ich für jedes Bild eine eigene Site machen muss??
Danke für eure Hilfe
Bully
Hallo,
Da ist eine JS Lösung, die Beschreibung kannst du nach dem Selben prinzip anhängen, leichter wäre es mit PHP zu machen, da müsstest du auch nur das PHP Script mit den Parametern aufrufen, die Parameter dann einfach mit echo ausgeben, dafür muss du aber PHP oder ne andere Serverseitige Sprache können.
http://forum.de.selfhtml.org/archiv/2002/11/29875/#m161576
Grüße aus Düsseldorf,
Aleksej
Hallo,
Da ist eine JS Lösung, die Beschreibung kannst du nach dem Selben prinzip anhängen, leichter wäre es mit PHP zu machen, da müsstest du auch nur das PHP Script mit den Parametern aufrufen, die Parameter dann einfach mit echo ausgeben, dafür muss du aber PHP oder ne andere Serverseitige Sprache können.
Könntest du mir vielleicht ein Beispiel mit JS ausgeben, da ich nicht so fit in JS bin?
Danke
Bully
Hallo,
Hauptdatei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
function angabensenden(bildername,beschreibung) {
window.open('bilder.html?'+bildername+'&'+beschreibung,'bilderpage');
// ^^^^^^^^^^^ wenn die datei mit den bildern andrs als bilder.html heisst oder wo anders liegt, kannst du diese angebe änderrn, nur das ? muss bleiben(!).
}
</script>
</head>
<body>
<a href="javascript:angabensenden('nixe.jpg','Das Bild der Nixe')">nixe</a>
<!-- ^^^^^^^^ Bildername -->
<a href="javascript:angabensenden('winter.jpg','Der Winter ist schön')">winter</a>
<!-- ^^^^^^^^^^^^^^^^^^^^ Beschreibung -->
</body>
</html>
Datei, in der die bilder geöffnet werden sollen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
function bildersetzen() {
bild = new Image();
bild.src = bildsrc.slice(1,position);
window.document.bildername.src = bild.src;
}
</script>
</head>
<body onLoad="bildersetzen()">
<img src="keinbild.jpg" name="bildername" style="width:50px; height:50px;" alt="Bild">
<!-- ^^^^^^^^^^^^ da kommt ein bild, welches erscheint, wenn die datei direckt geöffnet wurde. -->
<script type="text/javascript">
var bildsrc = decodeURI(window.location.search);
position=bildsrc.search(/&/);
document.write('<div>'+bildsrc.slice(position+1,bildsrc.length)+'</div>');
</script>
</body>
</html>
Grüße aus Düsseldorf,
Aleksej