Anzeige eines Fotos nach dem Klicken auf eine Schaltfläche

Ich versuche ein Bild zu erstellen, das nach dem Klicken auf eine Schaltfläche angezeigt wird.Anzeige eines Fotos nach dem Klicken auf eine Schaltfläche

Bisher habe ich dies:

<div class="btn-group" role="group" aria-label="..."> 
    <a href="#/" title="Help page" class="btn btn-warning">Help</a>

Aber ich weiß nicht, wie ein Foto zu zeigen, nachdem die Schaltfläche geklickt wird. Irgendeine Hilfe?

Für mich ein Beispiel nennen klar sein lassen:

Wenn wir ein Bild sind googeln und finden ein Bild, das wir mögen, wir auf „View-Bild“ klicken, und es führt uns dann auf eine neue Seite mit, dass Bild. Ähnlich habe ich eine Schaltfläche namens "Hilfe", und nachdem ich darauf geklickt habe, möchte ich auch auf eine neue Seite mit meinem Bild gehen.

Quelle

2016-08-09 Leah

Durch Ihre Frage sorgfältig zu lesen, wird dies tun, nur das. Wenn Sie auf die Schaltfläche klicken, wird eine neue Seite mit Ihrem Bild angezeigt:

<div class="btn-group" role="group" aria-label="..."> 
    <a href="path/to/your/img.jpg" title="Help page" class="btn btn-warning">Help</a> 
</div>

Quelle

2016-08-09 01:17:06 quelquecosa

Perfekt, das funktioniert - danke !! – Leah

@quelquecosa guter Fang! –

Die eigentliche Frage ist Wie möchten Sie das Bild anzeigen?

Dies wird das Bild anzeigen, aber ohne weitere Informationen ist es schwer zu sagen, wie es zu stylen.

HTML

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
</head> 

<body> 
<button id="showme">Show me the Image!</button> 
<img src="myimage.jpg" id="myimage"> 
</body>

CSS

#myimage { 
    display: none; 
}

$("#showme").click(function() { 
    $("#myimage").css({"display": 'block'}) 
});

Quelle

2016-08-09 01:06:04

Überprüfen Sie meine aktualisierte Post! Hoffentlich erklärt das, was ich versuche, mehr zu sagen ... – Leah

Anzeige eines Fotos nach dem Klicken auf eine Schaltfläche

Antwort

Verwandte Themen