Jump to content

when you click on thumbnail I want image to start downloading (saving to PC)


pioneerx01

Recommended Posts

I am working on a simple gallery. I want to have an option to download full scale image without users having to right click and "save as". Using this code you get a image preview:

 

<a href="pictures/img-(1).jpg"><img src="thumbnails/img-(1).jpg"></a>

 

How can I modify it so when user clicks on thumbnail of image 1 it will prompt him to save the image instead of viewing it.

 

Thanks

I'm not 100% sure but I think you can use javascript and do something like

 

I found this on another forum and have not tested it

</head>
<script>

function saveImageAs (imgOrURL) {
    if (typeof imgOrURL == 'object')
      imgOrURL = imgOrURL.src;
    window.win = open (imgOrURL);
    setTimeout('win.document.execCommand("SaveAs")', 500);
  }
</script>
<body>

  <A HREF="javascript: void 0"
     ONCLICK="saveImageAs(document.anImage); return false"
  >save image</A>
  <IMG NAME="anImage" SRC="../apache_pb2.gif">
</body>

 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.