6 Replies Latest reply on Feb 9, 2016 9:01 AM by Snoopy17

    Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"

    Snoopy17

      Web photo galleries generated with LR6 have the (mostly welcome) Feature, that for the web user it is not possible (at least not easily) to download images presented in that gallery. Right click "save Image as ..." is not active.

       

      Sometimes however it may be useful and desired from the autor, that images can be downloaded by users.

       

      How can the LR6 photo gallery be configured to enable right click "save Image as ..." ???

       

      Any help appreciated.

        • 1. Re: Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"
          99jon Adobe Community Professional & MVP

          After export from LR Web, the HTML gallery (default) will permit the saving of photos using right-click.

          • 2. Re: Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"
            Snoopy17 Level 1

            Thanks for your fast Response.

             

            Formerly, I might remember, this was the case, but my last generated gallery with LR 6.4 showed a behaviour, that "image save as ..." was not possible. I just repeated this again some minutes ago: same with EDGE and IE11.

             

            When I take a look into the DOM Explorer I see a div "image-container" with the img tag of the large Picture:

             

            <div class="image-container" style="display: table;">
            <div class="image">
              <div class="corners">
              <img style="max-height: 586px;" src="images/large/EW3A0005.jpg">
              </div>
            </div>
            </div>

             

            If this div would have focus, I assume, that "image save as ..." would be possible. Unfortunately this div doesn'n get focus no matter what I do with the mouse on the screen.

            The focus is always in the next div side-navigation:

             

            <div class="side-navigation">
            <div class="hotspot" id="hotspotPrevLoupe">
              <div class="button" id="buttonPrevSideLoupe">
              <svg xmlns="http://www.w3.org/2000/svg" id="svgIconPrevSideLoupe" viewBox="0 0 50 50" x="0px" y="0px" width="50px" height="50px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" baseProfile="basic" version="1.1">
                <path class="... shortened ..." />
              </svg>
              </div>
            </div>
            <div class="hotspot" id="hotspotNextLoupe">
              <div class="button" id="buttonNextSideLoupe">
              <svg xmlns="http://www.w3.org/2000/svg" id="svgIconNextSideLoupe" viewBox="0 0 50 50" x="0px" y="0px" width="50px" height="50px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" baseProfile="basic" version="1.1">
                <path class="... shortened ..." />
              </svg>
              </div>
            </div>
            </div>

             

            With focus in this div, there is no way for a "image save as ..."

             

            So my question:
            Is there something to configure within LR to get this work, or what can I patch in the html or js files???

             

            2nd option looks a bit tricky, as the image-container in the html file is empty and gets populated by the function setImage in main.js (line: 487 ff) for every picture newly

            • 3. Re: Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"
              99jon Adobe Community Professional & MVP

              Are you sure you are using the default HTML template or a Flash template?

               

              If so the code within the file index.html should commence:

               

              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

              <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

              <head>

               

              Saving is possible for me in Firefox, but I don’t have Edge – I did a small test see image below.

               

              WebHTMSSaveAs.jpg

              • 4. Re: Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"
                Snoopy17 Level 1

                I'm using Square Gallery, i.e. HTML5.

                 

                LR6.4_screenshot.jpg

                 

                The file index.html begins with:

                <!DOCTYPE html>
                <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" xmlns:lr="http://adobe.com/lrg/0.0"> <![endif]-->
                <!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8" xmlns:lr="http://adobe.com/lrg/0.0"> <![endif]-->
                <!--[if IE 8]>        <html class="no-js lt-ie9" xmlns:lr="http://adobe.com/lrg/0.0"> <![endif]-->
                <!--[if gt IE 8]><!--> <html class="no-js" xmlns:lr="http://adobe.com/lrg/0.0"> <!--<![endif]-->
                    <head>
                        <meta charset="utf-8">
                        <meta http-equiv="X-UA-Compatible" content="IE=edge">
                        <title>Lightroom Gallery</title>
                        <meta name="description" content="">
                        <meta name="viewport" content="width=device-width, initial-scale=1">
                        <link rel="stylesheet" type="text/css" href="assets/css/normalize.css">
                        <link rel="stylesheet" type="text/css" href="assets/css/main.css">
                        <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="assets/css/custom.css" >
                        <script src="assets/js/libs/modernizr.custom.23122.js"></script>
                    </head>
                

                so looks different than HTML4 Version.

                 

                Within EDGE and IE11 it looks like:

                EDGE_screenshot.jpgIE11_screenshot.jpg

                • 5. Re: Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"
                  john beardsworth Adobe Community Professional & MVP

                  You can't bypass the image protection in the built-in galleries, though of course every browser has a method to do so.

                   

                  To do so, you would have to edit the underlying code - see Edit gallery HTML / Script .

                   

                  John

                  • 6. Re: Lightroom 6.4 > Web Photo Gallery > how to enable "image save as"
                    Snoopy17 Level 1

                    Hi John,

                     

                    thank you for your fast response, which led me to the solution, which I would like to document as follows:

                     

                    • The folder C:\Users\USER\AppData\Roaming\Adobe\Lightroom\Web Galleries exists and was empty
                    • Under C:\Program Files\Adobe\Adobe Lightroom\Shared\webengines there are 4 folders:
                       default_html.lrwebengine
                       LR-Gallery-Boxes.lrwebengine
                       LR-Gallery-Standard.lrwebengine
                       LR-Gallery-Track.lrwebengine
                      each containing at least the files
                       about.html
                       galleryInfo.lrweb
                       main.html
                       manifest.lrweb
                      and the folders
                       assets
                       strings

                     

                    • I copied the complete folder LR-Gallery-Boxes.lrwebengine to
                      C:\Users\USER\AppData\Roaming\Adobe\Lightroom\Web Galleries
                    • Changed title in galleryInfo.lrweb (line 44) from "Square Gallery" to "Square Gallery RB"
                    • Changed id (line 45) from "com.adobe.wpg.templates.html5.boxes" to "com.adobe.wpg.templates.html5.boxes-rb"
                    • Now after starting LR both "Square Gallery" and "Square Gallery RB" are listed in Layout Style (top right).
                    • Now ensure, that the focus of the browser is kept on the picture to enable download. The corresponding img tag is embedded in <div class="corners">. In file \assets\css.main.css (line 400 ff) div.corners is defined. Here one line has to be added:
                      z-index: 10;
                    • By this amongst all div tags (which have a maximum z-index of 2) this one is kept on top. i.e. clickable.
                    • Now on a right click "save image as ..." is offered in the context menue, which is the solution intended by my post

                    Thank You !!!