This work is based on un-merged pull request #323.
I created a download link (down arrow) next to the close link instead of using the picture overlay, to me this feels less intrusive and easier to notice. In the process I ended up fixing/enhancing div.lb-closeContainer CSS, so that two (or more) buttons (links) would be possible. That also required reviewing the close link CSS, which is now pretty much identical with the new download link CSS.
I added an option to enable or disable it: showDownloadButton: true / false. The link is hidden by default, so that the default behaviour doesn't change. The download button image was also modified to match the close button image size, eliminating possible future layout problems.
It looks like the jQuery way of adding href and download attributes to an existing a element do not get picked up by the browser, so I had to implement a custom function that actually triggers the download.
This work is based on un-merged pull request #323.
I created a download link (down arrow) next to the close link instead of using the picture overlay, to me this feels less intrusive and easier to notice. In the process I ended up fixing/enhancing div.lb-closeContainer CSS, so that two (or more) buttons (links) would be possible. That also required reviewing the close link CSS, which is now pretty much identical with the new download link CSS.
I added an option to enable or disable it: showDownloadButton: true / false. The link is hidden by default, so that the default behaviour doesn't change. The download button image was also modified to match the close button image size, eliminating possible future layout problems.
It looks like the jQuery way of adding href and download attributes to an existing a element do not get picked up by the browser, so I had to implement a custom function that actually triggers the download.