✔ Layer ausblenden mit Click

[Hektik]

Hallo erstmal

Ich möchte auf meiner Seite ein paar Bilder "übereinander" legen, die dann per click auf z.B. ein x ausgeblendet werden.
Ich hab sowas schon mal bei diversen Webseiten gesehen, da aber in Form von Werbung. Kommt aber meiner Vorstellung ziemlich nahe. Naja, jetzt hab ich die Bilder zwar schon in Form von absolut positionierten Div's hinbekommen, aber wie schließe ich diese Div's wieder einzeln?

Wie gesagt, so Werbungen haben das auch, hab ich schon mal gesehen.

Wäre super, wenn mir hier jemand helfen könnte, würde mich freuen!

Danke schonmal für das lesen meines Eintrags!

Grüße, die Hektik

 

[con-f-use]

Überlappen lassen kannst du die bilder indem du ihnen die entsprechenden z-index Werte gibst und sie absolut positionierst. Ausblenden kannst du sie dann, indem du ihre style.display = 'none'; setzt.

Beispiel:

<img src="bild1.gif" id="bild1"/>
 <input type="button" value="Bild verstecken!" onlcick="document.getElementById('bild1').style.display='none'"/>

Das nächste mal benutze bitte die Forensuche, denn dazu gibt es ca. 100 Threads. Danke!

Da du noch relativ neu hier im Forum bist, könnte es sein, dass du diesen Thread noch nicht gelsen hast: http://www.tutorials.de/tutorials215197.html . Schau bei Gelegenheit bitte mal, das würde uns doch das Leben erleichtern. Nochmal Danke!

Wenn noch Fragen sind, frag nur...

 

[Hektik]

Joa... Jetzt tut sich mir ne Menge fragen auf

Also, ich hab jetzt zum Beispiel das:

<div style="position:absolute; top:100px; left: 400px; width:350px; background-color:white; color:black;">
	<p align="center">
	<img src="layerad.gif" width="350" height="350" id="layerad.gif">
	<input align="center" type="button" value="Werbung verstecken!" onlcick="document.getElementById('layerad.gif').style.display='none'">
</div>

Wo füg ich jetzt deinen Code ein? Ist das richtig? Funktioniert nämlich nicht... Irgendwie... bin ich grad... oder ich steh auf dem Schlauch