javascript - Pop-up alert on image click. - Stack Overflow

admin管理员组

文章数量:1327708

I have a question on how you spawn a pop-up when an image is clicked. I want a pop up to be some sort of alert. Here is my current html code I am working with:

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

I have seen other posts describing how to spawn an alert view but don't know how to link it to an image. I was thinking a doing it through some sort of href link but can't figure it out.

Any help would be appreciated!

I have a question on how you spawn a pop-up when an image is clicked. I want a pop up to be some sort of alert. Here is my current html code I am working with:

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

I have seen other posts describing how to spawn an alert view but don't know how to link it to an image. I was thinking a doing it through some sort of href link but can't figure it out.

Any help would be appreciated!

• javascript
• html
• css

Share Improve this question Follow edited Feb 17, 2017 at 0:08 Moses Davidowitz 9821212 silver badges2929 bronze badges asked Feb 16, 2017 at 22:11 Rohan VasishthRohan Vasishth 24111 gold badge66 silver badges1414 bronze badges 2

• 1 Do you have code that you tried that didn't work? Could you please post that? – zgood Commented Feb 16, 2017 at 22:13
• For more info, see alert() and .addEventHandler() – RobM Commented Feb 16, 2017 at 22:21

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

Just add the onclick attribute

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

Or use jQuery:

$( "#img" ).click(function() {
  alert( "Hello World jQuery" );
});

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

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

Lots of ways to do this... Here is a short one inline with your html:

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

function pictureRc() {
alert("You right clicked that image!")}

This is my function I used in js and the html looked like this:

<img src="pic.jpg" oncontextmenu="pictureRc()">

So when you right click it makes an alert. I know this is late but for anyone finding this thread later thought it might help!

just change the oncontextmenu to onclick for left click

本文标签： javascriptPopup alert on image clickStack Overflow