Create a "Save As" prompt for photos?

[trnhockey]

How can I create a "save as" prompt for people to download high resolution images from my webpage? I have the images and the "download" buttons beneath each one, I just can't seem to find the way to get the prompt to occur when you click each download button. Note" I added the images to each download button by using the "Link to file" option (for PDF's etc) but all that does is create a popup of the image with no prompt to save.

[gwpriester]

I'm sure one of the more code savvy members will have the answer but here is one place to start https://duckduckgo.com/?q=Code+for+b...&t=ffsb&ia=web

[xtom]

HTML5 has a download attribute you can use on a link but I don't think there is anyway to apply this in Xara so I think you would have to use a placeholder with some custom html code. https://www.w3schools.com/tags/att_a_download.asp

There are likely javascript methods too but I don't know any off hand.

[Acorn]

Nowhere near building this so far, but along the lines of:

To the image add Name of htmlClass="download".
Add a Name of UsesJQuery to any such image.
To the image link, use a link to the required image location.

In the Website HTML Code (head), include:

<CODE> $('.download').each(function() {
$(this).attr('download',$(this).text());
var $download = $(this).attr('download');

if (typeof $download !== typeof undefined && $download !== false) {
var $el = $('<div>').addClass('download-instruction').text('Right-click and select "Download Linked File"');
$el.insertAfter($(this));
};
</CODE>

Add some CSS to make the instruction stand out.

================

This allows the click on the image to download it for suitable browsers.
For those without, a fresh link and instruction appears.

Lots of tweaking and testing to make this work so dopn't hold you breath, unless someone else steps in and delivers.

Acorn

[Egg Bramhill]

Or use the ww3 example Tom points to. Create a folder named images on your server and put whatever images you want downloadable into it.

In Xara create a placeholder with the following code:

<a href="http://www.yoursitename.com/images/all-roads.jpg" download>
<img border="0" src="http://www.yoursitename.com/images/all-roads.jpg" alt="All Roads" width="958" height="719">
</a>

EXAMPLE

[gwpriester]

Brilliant Egg, and Tom and Acorn.

I have the images and the "download" buttons beneath each one, I just can't seem to find the way to get the prompt to occur when you click each download button.

So trnhockey would insert this script to a button instead of the photo?

No. Just tried this. How would one link a button to do this?

[Acorn]

Egg, the point is it doesn't work for all flavours and versions of browser.
It is also very tedious to have to code into a Placeholder repeatedly.

Acorn

[Egg Bramhill]

Gary, create a button image & place this into the image folders also.
Create a rectangle & give it the following placeholder code:

<a href="http://www.mywebsitename.com/download/images/all-roads.jpg" download>
<img border="0" src="http://www.mywebsitename.com/download/images/download-button.png" alt="Egg" width="158" height="56">
</a>

You can duplicate this button and just change the end of the first line to the match the name of the image to download.

I get Acorns point re older browsers.

LINK 2

[Egg Bramhill]

Further refined. This page is not downloading the smaller image in the Xara created page, but the lager one within the "images" folder:

LINK 3