Bild?

Sergo

Sergo

Erfahrenes Mitglied
Hi !
Bin ein totaler Anfänger in JavaScript und möchte es lernen! Blättere schon einige Zeit die Hilfen und die Foren im Netz durch um mein Problem zu lösen --> keine Lösung gefunden!
Zwar hab ich hier nette Denkanregungen gefunden, aber das ist nicht was ich brauchen könnte!

Ich möchte gern Bild1 und Bild2 anzeigen lassen ! Wenn ich auf Bild1 drücke, dann soll Bild1 in der Ausgabe angezeigt werden ! Natürlich soll das auch mit dem Bild2 passieren ! Könnt ihr mir vielleicht helfen ?

Poste euch mal mein Wunsch ! :)
 

Anhänge

  • frage.jpg
    frage.jpg
    4,7 KB · Aufrufe: 45
Hi,

wenn der Ausgabebereich ebenfalls ein Bild (img) ist, sollte das nicht so schwer
sein.

Zunächst notierst Du im Ausgabe-img-Tag ein name-Attribut. Als Bild weist Du anfangs
ein transparentes Gif zu.


&nbsp;&nbsp;<img name="imgID" src="spacer.gif" style="width: 120px; height: 120px; border: 1px solid black;">


In die img-Tags der Bilder 1 und 2 schreibst Du onclick-Events, welche die
Anweisungen enthalten, die Bilder im Ausgabereich auszugeben.


&nbsp;&nbsp;<img src="bild1.gif" onclick="document.imgID.src = 'bild1.gif';" width="50" height="50" border="0" alt="bild1">
&nbsp;&nbsp;<img src="bild2.gif" onclick="document.imgID.src = 'bild2.gif';" width="50" height="50" border="0" alt="bild2">

Vielleicht hilft Dir das ja weiter.

Ciao
Quaese
 
Naja,..ganz versteh ich das noch nicht ! Hab mal das im Forum gefunden !
Jetzt muss ich eigendlich nur mehr die Ausgabe irgendwie einbinden ! nur WIE ? Man klickt auf das obere Bild und pic1 & pic2 ändern sich.

Code:

<html>
<head>
</head>
<body>
<script type="text/javascript">
var bImg = true;

function changeImage(a_oImg)
{
if (bImg) {
a_oImg.src = 'pic1.JPG';
bImg = false;
} else {
a_oImg.src = 'pic2.jpg';
bImg = true;
}
}
</script>

<img src="bild1.png" onclick="changeImage(this);" />
<p>
<img border="0" src="file:///D:/weB/Gecer/bilder/pic1.JPG" width="100" height="75"></p>
<p>&nbsp;</p>
<p>
<img border="0" src="file:///D:/weB/Gecer/bilder/pic2.jpg" width="100" height="80"></p>

</body>
</html>
 
Hi,

was genau willst Du jetzt?

Im ersten Posting soll beim Anklicken Bild1 bzw. Bild2 im Ausgabebereich angezeigt
werden.
Im letzten Posting sollen beim Anklicken des ersten Bildes der Ausgabebereich und
Bild2 geändert werden.

Das Script, welches Du gefunden hast, sieht für mich aus, als wäre es für einen
Highlight-Effekt geschrieben worden. Mit Deinem geschilderten Problem hat es
nur bedingt etwas zu tun.

Wieso übernimmst Du nicht den ersten Lösungsansatz - einfach die drei Img-Tags
in Dein Dokument kopieren, die Bilder angeben und fertig.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück