2016-08-09 5 views
1

ボタンをクリックした後に画像を表示しようとしています。ボタンをクリックした後に写真を表示

はこれまでのところ、私はこれがあります。

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

をしかし、私はボタンがクリックされた後の写真を表示する方法がわかりません。どんな助け?

我々は画像をグーグルで、私たちは好きな絵を見つけ、私たちは「表示画像」をクリックし、次に、それはそれと新しいページに私たちを取るされている場合:私は例を提供しましょう明確にすることが

画像。同様に、「ヘルプ」と呼ばれるボタンがあります。クリックすると、自分の写真で新しいページにも行きたいと思います。

答えて

1

慎重にあなたの質問を読んで、これは何でしょうそれだけ。ボタンをクリックすると、画像に新しいページが表示されます。

<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> 
+0

パーフェクト、この作品 - ありがとうございます! – Leah

+0

@quelquecosa良いキャッチ! –

0

実際の質問はですどのようにイメージを表示しますか?

これはイメージを表示しますが、それ以上の情報がなければ、スタイルをどのように記述するのが難しいです。

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; 
} 

JS

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

最新の記事をチェックしてください。うまくいけば、私は何をもっと言おうとしているのかを説明します... – Leah

関連する問題