// jQuery:  Download images in the folder /site-files/images/"  pointed to by a link
$('a[href*="/site-files/images/"][href$=".webp"],a[href*="/site-files/images/"][href$=".jpg"], a[href*="/site-files/images/"][href$=".jpeg"], a[href*="/site-files/images/"][href$=".png"], a[href*="/site-files/images/"][href$=".gif"]').attr("download", "");

//  Download any file/image/doc in any sub-folder under ../downloads/..  pointed to by a link 
$('a[href*="/downloads/"]').attr("download", "");

// Add the note it's a download link, via CSS 
//  text added following link :   (EXT download)

$("<style>a[download]::after {font-size:.75em;padding-left:.5em;padding-right:.5em;margin:2px;content:'(download)'}a[download][href$='.png' ]::after {content:'(png download)';}a[download][href$='.jpg' ]::after {content:'(jpg download)';}a[download][href$='.jpeg']::after {content:'(jpeg download)'}a[download][href$='.webp']::after {content:'(webp download)'}a[download][href$='.pdf' ]::after {content:'(pdf download)'}a[download][href$='.docx']::after {content:'(docx download)'}</style> " ).appendTo( "head" );