Всплывающее предупреждение по щелчку изображения.

У меня вопрос о том, как вы создаете всплывающее окно при щелчке изображения. Я хочу, чтобы всплывающее окно было чем-то вроде предупреждения. Вот мой текущий код 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, но не могу понять.

Любая помощь будет оценена!

источник

2017-02-16 Rohan Vasishth

У вас есть код, который вы пробовали, который не работает? Не могли бы вы разместить это? – zgood

Для получения дополнительной информации см. [Alert()] (https://www.w3schools.com/jsref/met_win_alert.asp) и [.addEventHandler()] (https://www.w3schools.com/jsref/met_element_addeventlistener. осина) – RobM

Просто добавьте атрибут 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="" />

источник

2017-02-16 22:42:13 Sman

много способов сделать это ... Вот короткий один рядный с HTML:

<img src="images/photostack.png" alt="" onclick="alert('you clicked it')" />

источник

2017-02-16 22:16:14 RobM

Всплывающее предупреждение по щелчку изображения.

ответ

Смежные вопросы