Visibility

Melli

Neuling
Thread Starter
Mitglied seit
19.08.2003
Beiträge
555
Ort
Schwerin
hallo

wie sieht der code für eine function aus, wenn ich ein bild haben will was erscheinen soll wenn ich auf einen button klicke und das bild soll auch wieder verschwinden wenn ich auf den selben button klicke. wie geht das?? kann mir einer helfen??

mfg

melli
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
programmiersprache bzw anwendungsbereich wär nit schlecht zu wissen :)
 
Das ganze geht relativ simpel mit dem CSS-Attribut display (http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display) und etwas Javascript.

Hier eine Beispiellösung: http://www.epifiles.de/melli/

Die Beispielseite besteht aus einem (zunächst) unsichtbaren Img-Tag, einem Button und der Funktion ShowImage(Id). Anstelle des Buttons kannst du natürlich auch einen Link o.ä. verwenden!

Code:
<img id="img0" src="pfahlis.jpg" alt="Bildbeschreibung" style="display:none" />
<button type="button" onclick="ShowImage('img0');">Klick Mich</button>
<script type="text/javascript">
     function ShowImage(Id) 
     {
         //Spart Tipparbeit
         ImgStyle = document.getElementById(Id).style;

         //Bild unsichtbar? -> anzeigen
          if ( ImgStyle.display == "none" ) ImgStyle.display = "";
         //Bild sichtbar? -> verstecken
         else ImgStyle.display = "none";
     }
   </script>
 
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh