2017-02-16 14 views
2

画像をクリックしたときにポップアップをどのように生成するかについて質問があります。私はポップアップを何らかの警告にしたい。私は、アラートビューを起動することなく、画像にリンクする方法がわからないどのように記述する他の記事を見てきました画像をクリックするとポップアップアラートが表示されます。

<div> 
<div class="Zipshare"> 
    <span class ="projectIcons"> 
     <a href=""> 
     <img src="images/photostack.png" alt="" /> 
     </a> 
    </span> 
    <span class="caption"><h6>Photostack</h6></span> 
</div> 

:ここでは私が働いている私の現在のHTMLコードがあります。私はhrefリンクのいくつかの並べ替えを介してそれをやっていると思っていたが、それを把握することはできません。

助けていただけたら幸いです!これを行う方法の

+1

あなたが試したコードがうまくいきませんか?投稿していただけますか? – zgood

+0

詳細については、[alert()](https://www.w3schools.com/jsref/met_win_alert.asp)と[.addEventHandler()](https://www.w3schools.com/jsref/met_element_addeventlistener)を参照してください。 asp) – RobM

答えて

1

ちょうど

<img src="images/photostack.png" onclick="alert('Hello World')" alt="" /> 

かのjQueryを使用してのonclick属性を追加します。

$("#img").click(function() { 
 
    alert("Hello World jQuery"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<img id="img" src="images/photostack.png" alt="" />

2

たくさん...ここにあなたのhtmlと短いもののインラインです:

<img src="images/photostack.png" alt="" onclick="alert('you clicked it')" /> 
関連する問題