Juergens-Workshops.de Forum
Namen anzeigen - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86)
+--- Thema: Namen anzeigen (/showthread.php?tid=21199)



Namen anzeigen - suh-oko! - 26.11.2006

Hallo,

nach vielen fruchtlosen Versuchen muss ich nun um Hilfe bitten:

ich habe auf einer Seite mehrere Bilder und möchte, wenn der Betrachter ein Bild anklickt, den jeweiligen Bildernamen in der Mitte (Textfeld) der Seite anzeigen lassen. Ist sowas überhaupt möglich?

Vielen Dank für die Unterstützung!

Herzliche Grüße

suh-oko!


Namen anzeigen - Helmut - 27.11.2006

Hi,

vielleicht hilft dir das als "Beratungsmuster"

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<script language="JavaScript">
<!--
var Bilder = new Array();
Bilder[0] = ["1.jpg" ,"Text zu Bild 1];
Bilder[1] = ["2.jpg" ,"Text zu Bild 2];
Bilder[2] = ["3.jpg" ,"Text zu Bild 3];
Bilder[3] = ["4.jpg" ,"Text zu Bild 4];



var i = 0;
var alle = 4;
var timeID
var timeout = 1000

function loadpic(j) {
document.bild.src = Bilder[j][0];
document.pics.bilder.value = Bilder[j][1];
i = j;
}

function back() {
i = i - 1;
if(i == -1)
{
i = alle - 1;
}
loadpic(i);
}

function next() {
i = i + 1;
if(i == alle)
{
i = 0;
}
loadpic(i);
}

//-->
</script>

</head>
<body >
<form name="pics">

<div align="center"><img SRC="1.jpg" NAME="bild" height=306 width=439><br>
<a href="javascript:back()" >Zur&uuml;ck</a> | <a href="javascript:next()" >Weiter</a><br>
<textarea cols="40" rows="5" name="bilder" style="border: none; background-color: transparent; overflow: hidden">Text zu Bild 1</textarea>
</div>
</form>
</body>
</html>[/HTML]

Cu Helmut