2017-02-16 122 views
2

我有一個關於如何在點擊圖像時產生彈出窗口的問題。我想彈出一些警報。這是我目前的HTML代碼,我有工作:圖像點擊彈出警報。

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

我見過描述如何產卵的警報視圖,但不知道如何將其鏈接到一個圖像其他職位。我想通過某種形式的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

只需添加onclick屬性

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

或者使用jQuery:

$("#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')" />