2 Replies Latest reply: Apr 1, 2014 1:41 PM by -hans- RSS

    html diashow

    -hans- Community Member

      Hi,

       

      I've built a fullscreen-html-diashow (landscape) with hype  for usage in dps apps for iPad  which can easily be adapted as kind of framework.

      Navigation by swiping left or right, buttons, simple tapp on image or tapping one of the thumnails. Caption for each picture. Simple optical control of length and actual position.

       

      onlinesample: http://www.aachener-zeitung.de/zva/karlo/fullScreenSlideShow_iPad_landscape/fullScreenSlid eShow_iPad_landscape.html?

      (won't work in firefox as target is mainly the dps-app, best viewed online with actual safari)

       

      hypefile here:

      http://hype.desk.com/customer/portal/questions/5802848-fullscreen-diashow-adobe-dps-app

       

      -------------

      framework (export):

      https://dl.dropboxusercontent.com/u/11350320/fullScreenDiaShow_iPad_landscape.zip

      Usage: Just insert your captions to the div: <div id="outsideCaptionsContainer" style="display:none"> of the htmlfile exactly as provided  in the sample. copy your jpg's (named 1.jpg to xx.jpg, sizes / constrains 1024*768 and bigger) to the folder. ready.

      Each caption needs to have a corresponding file and vise versa ...

      -----------

       

      Feel free to use – Hope it'll work as expected

       

      Hans-Gerd Claßen

        • 1. Re: html diashow
          Bob Bringhurst - Adobe Adobe Employee

          Hi Hans,

           

          Thanks for sharing this example. Nice effect. One thing I discovered when experimenting with it is that no gestures work when the device isn't connected to the web. After I downloaded the folio and looked at the article when disconnected, I couldn't navigate away from the article. With full-screen overlays, it's important to give users a way out. Making the CSS and JS references point to local files would improve the behavior in DPS.

           

          -Bob

          • 2. Re: html diashow
            -hans- Community Member

            Hello Bob,

             

            thx for response

             

            only thing needing internetconnection is the googlefont, but should fallback to systemfont offline ...

             

            Of course it's necessary to embed it within a objectstate and switchoffbutton to get out of fullscreen ...

             

            Tested with ios7.1 – works offline here without any problem ...

             

            Hans