5 Replies Latest reply: Jul 19, 2013 10:31 AM by linis82 RSS

    Digital Publishing Suite Help | Creating HTML articles for DPS

    community help Community Member

      This question was posted in response to the following article: http://helpx.adobe.com/digital-publishing-suite/help/import-html-articles.html

        • 1. Re: Digital Publishing Suite Help | Creating HTML articles for DPS
          linis82

          Hi Colin,

           

          I have build a simple HTML article where I animate the content with jQuery. Everything works great i Folio Builder (I can import and preview the article) until I add a loop to my animations in jQuery. When I add the loop to it, Folio Builder never completes the import article/uploading process, it just stand still loading.

           

          Do you know hos I can solve this?

           

          Cheers,

          Lina

          • 3. Re: Digital Publishing Suite Help | Creating HTML articles for DPS
            linis82 Community Member

            Thank you so much! This workaround helped. I really appreciate your help, this has been a big issue for me during the last two days.

             

            I have one more question. It really bothers me that I am not able to decide which view the user starts seeing when they first view my ad. I realize now that is one big limitation with using HTML aricles. Is there any workaround for that? (I am not using Edge to animate, I only have an HTML file and my resource folder). Is it possible to import the HTML into a indesign document as you can with Edge material?

            • 4. Re: Digital Publishing Suite Help | Creating HTML articles for DPS
              jlockman Adobe Employee

              Hi

               

              I believe that the issue is that the HTML article will automatically start outside of your control, which is expected with HTML articles unless you code some kind of starting mechanism that responds to some reader action (tap a button, swipe somewhere, etc). To answer your other question, though, you can indeed use inDesign and control when the ad will start.

               

              In InDesign, you can set the delay to .125 for a Web Content overlay and it will then "fire" when it first comes into the reader's view. If you set it to zero (the default, by the way), then it will "fire" as soon as the article loads, which may not be when you expect, since DPS will preload adjacent articles in order to improve the reading experience. You can, therefore, put your HTML/jquery ad into a folder with an index.html file to drive it and then make a Web Content overlay in InDesign that points at the index.html file for your ad. Set the overlay to autoplay, and set the delay to .125 seconds. This way, your ad will always start when your reader swipes to view it. It also allows you to put the ad as an interstitial deeper in an article, and you can ensure it starts when the reader views it and not before.

               

              There is a cavet here, which is that the article will take some time to load, depending on the complexity of your HTML. As a result, your reader may see a spinning wheel on the screen instead of your ad while the ad begins to load. You should be sure to put a poster frame there that perhaps is a screen shot of the first frame of your animation. That way, when the ad loads, it will already have the first frame ready to go and will replace the first frame with the animation.

              • 5. Re: Digital Publishing Suite Help | Creating HTML articles for DPS
                linis82 Community Member

                Many thanks for explaining how it works! Now I have a better understanding of how things work and what options I have.