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

• 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

3 Answers 3

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