Link to download the original media (photos / videos)

public/theme.css

@@ -101,3 +101,16 @@ nav li:not(.active):hover {
   top: 0;
   width: 100%;
 }
+
+.blueimp-gallery > .download {
+  position: absolute;
+  top: 30px;
+  left: 15px;
+  color: #fff;
+  display: none;
+  text-decoration: none;
+}
+
+.blueimp-gallery-controls > .download {
+  display: block;
+}

templates/gallery.hbs

@@ -38,14 +38,16 @@
           <div class="video-overlay">&#9654;</div>
           <a href="{{urls.web}}"
              type="video/mp4"
-             data-poster="{{urls.large}}">
+             data-poster="{{urls.large}}"
+             data-download="{{urls.original}}">
              <img src="{{urls.thumb}}"
                   width="{{size}}"
                   height="{{size}}"
                   alt="{{name}}" />
           </a>
         {{else}}
-          <a href="{{urls.large}}">
+          <a href="{{urls.large}}"
+             data-download="{{urls.original}}">
             <img src="{{urls.thumb}}"
                  width="{{size}}"
                  height="{{size}}"
@@ -58,6 +60,7 @@
     <div id="blueimp-gallery" class="blueimp-gallery">
         <div class="slides"></div>
         <h3 class="title"></h3>
+        <a class="download" href="#" target="_blank" download>Download</a>
         <a class="prev">‹</a>
         <a class="next">›</a>
         <a class="close">×</a>
@@ -74,9 +77,16 @@
         event = event || window.event;
         var target = event.target || event.srcElement,
             link = target.src ? target.parentNode : target,
-            options = {index: link, event: event},
             links = this.getElementsByTagName('a');
-        blueimp.Gallery(links, options);
+        blueimp.Gallery(links, {
+          index: link,
+          event: event,
+          onslide: function (index, slide) {
+            var anchor = this.container.find('.download');
+            var url = this.list[index].getAttribute('data-download');
+            anchor[0].href = url;
+          }
+        });
       };
     </script>