Web Content Overlay | Local images do not load

Hi there,
the tutorial for the Web Content Overlay says, that you have to place all images and scripts in the same file folder, as the html-file itself, when you are using a local html-page.
example:
index.html
pic1.png
pic2.jpg
Unfortunatlly it isn`t working. Why? Any ideas? The pictures are not visible on my device or the folie preview builder.
And yes, if I open the html in my browser (like firefox or chrome) it works well.
It works only with pictures, which are hosted online on a server.
Thanks for answering.
Bart

It finally works!
I tried a lot, but now I know the misstake/failure/bug.
Unfortunatlly Indesign uses a absolute Link to the local Webpage.
example: C:/Jobs/Customers/CustomerFake/JobNo/v1/index.html
If this URL is too long (more than 40 characters), it does not work.
At first I thought, that my path was wrong, because I used german characters like ä or ß. But this doesn't matter. Its all about the lenght of the URL.

Similar Messages

  • Autoplay on page load doesn't work in Web content overlays

    I would like an audio file to play in a web content overlay and can't manage to make it play automatically when page loads. Because of different complications I can use neither the html-stack nor the audio overlay in Indesign. When I test the html file used in the web content overlay in safari on my computer it works but not inside the app.
    I have also set the frame with the web content in  indesign to "autoplay" in the overlay creator. This makes the audioplayer in the web content overlay visible on the page, but you still have to push the play button to start the music.
    Has anybody had the same problem and solved it?

    Apple does not allow autoplay within HTML, to avoid high data costs. There
    might be a workaround using javascript, but you need to search for it.
    —Johannes

  • Add Copy/Image Above/Within Web Content Overlay?

    I'm attempting to add a 'this page requires an internet connection' line either within or above a web content overlay but can't get it to show up if there is no internet connection (aka the main point).  I'm basically trying to achieve the following from National Geographic:
    Any ideas on how to accomplish that within DPS?

    You may program local HTML file, that will check connection and either will display the 'this page requires an internet connection' message or will redirect user to the server's page. Then point to it from "URL or File" field for the Web Content overlay, so it will be saved inside the folio and will be available if no internet connection.

  • Web Content Overlay Link to the HTML Resources

    Hi guys,
    Does anyone know what should go inside of "URL or File" field for the Web Content overlay if I need file from the HTMLResources.zip?
    DPS documentation is very unclear/confusing (e.g. there is no ".html" at the end):
    For the file inside of HTMLResources.zip with this path:
    HTMLResources.zip/Cartoons/train1.html
    Documentation (https://helpx.adobe.com/digital-publishing-suite/help/hyperlink-overlays.html#link_to_asse ts_in_the_html_resources_folder) has:
    Web Content overlays are nested two levels deeper than an HTML article. Example:
    <a href=”../../../HTMLResources/Cartoons/train1”>See Train Cartoon Gallery</a>
    I'm getting an error "File URL for web content is missing or does not exist" if I enter this inside of the "URL or File" field:
    ../../../HTMLResources/Cartoons/train1
    Thank you for your help,
    Gennady

    Thank you, joev and Bob,
    Update to the text below: I just realized that documentation explains how to call some file from the HTML content of the Web Content Overlay, not how to get the HTML content inside the Web Content Overlay. I can probably do redirect to the train1.html from plain HTML code inserted into Web Content Overlay. So there is no way to use link to the file as for the http://webServerPath/Cartoons/train1.html?
    We have 1 html file that uses 1 image file, both files inside the folder inside HTMLResources.zip and I need to display that html, so:
    HTMLResources.zip/Cartoons/train1.html
    HTMLResources.zip/Cartoons/train1.png - referenced inside train1.html
    If I use http URL, e.g.
    http://webServerPath/Cartoons/train1.html
    then everything works, if I try to set that URL to the HTMLResources:
    ../../../HTMLResources/Cartoons/train1
    or
    ../../../HTMLResources/Cartoons/train1.html
    I'm getting an error, even documentation explains what link should be used.
    Workaround when we just use the local HTML folder also works.
    Thank you!

  • Invalid URL for Web Content Overlay, ERROR!!!!!!

    Hello All,
    I'm hoping someone can help me with this error, I was working on my indesign file and was testing it out locally, then I went on to upload my file and I got prompt to install a new version of the Folio panel which I did, now every time I try to upload my file I get this "ERROR: Invalid URL for Web Content Overlay", I've searched around and have not come up with an answer. Not sure if its a bug on the new update or what. I tried some troubleshooting which this is what i did. I copied my first page of my document onto a different file and tried to upload one page and then i got the error but then I deleted the images and just left one text box and it uploaded my file without any issues, strange huh. Any ideas????

    I was having the same problem with both hyperlinks and buttons in one particular file -- "Invalid URL for Web Content Overlay." It seems to only be a problem in files where I had a link or button previously, and then deleted the object. When I create a new object and create a link or button, it's as though the old link is still lingering somewhere in the file! However, none of the old links is listed in the hyperlinks panel before I create a new one.
    This occurred while I was teaching a DPS class, using the Adobe courseware (sight unseen by any proofreader, I believe). In one of the exercise files, the steps for the student to create hyperlinks and buttons had already been done, so I deleted the hyperlinks. (I think I deleted the text frames that contained them, but I'm not sure.) I never had a problem with it UNTIL I downloaded the Overlay Creator/Folio Builder dated June 19 (v21, I think).
    In the same file, I also had problems with a NAVTO link, . I don't think there were any NAVTO links in any earlier version of the file, at least none that I ever created or deleted.
    I've coded HTML since the days when the only available tool was Notepad, so I'm sure that I used correct URLs (and none redirected). Even the URLs in the deleted objects were correct; I only deleted them so the exercise could be done again.

  • Displaying HTML in a Web Content Overlay

    I have an article created in Indesign. I add a frame holder and create a web content overlay with a local html file and allow user interaction selected. When I preview the folio in either content viewer or on an iPad the html only appears after you click/tap the frame holder. Is this by design? If so, is there a way to have the html visible when the article is loaded (displayed) without a click/tap?
    Thanks
    Joe

    Thanks Neil. That is not what I expected. My reading lead me to believe auto play was for mostly animations. I did try it with a 0 second delay and had no change. Why does the.125 second delay make it work? Trying to understand.
    Thanks Again.

  • Web Content overlay error

    Not sure why I am getting this error all of a sudden, but when I try to create a Web Content overlay by linking to a local html file I am getting a "Scrip Alert: Invalid URL for Web Content Overlay".
    This isn't making any sense to me. A few days ago I successfully created a folio while creating a Web Content overlay with a local file and now this morning I am trying to link to the same html file the exact same way and it's not working.
    I am using InDesign CS 5.5 on Windows 7 64-bit. Any ideas?
    Thanks in advance!

    Figured it out! totally by mistake, there had been an object that was pasted into the file that was filled with a PMS color. Once I converted that PMS color to an RGB process color that took care of the script error.
    weird!

  • Web Content Overlay - iFrame Width Issue

    I'm adding a web content overlay in one of my articles. I've created and hosted a webpage that contains an iFrame of a Google Form.
    When I select my text frame in the article, apply the Web Content Overlay option, add the URL, and load/test the folio on my iPad, the iFrame width I set in my html file isn't taking effect. The web overlay isn't displaying (and wrapping the text and form) according to the width that I specified in the html file. Testing the html file in different browsers on my desktop shows a change in width, but not so on the web content overlay frame in my article. Vertical scrolling is working just fine but I'd like to have a narrower width for the form so that a user only scrolls vertically; instead of having to scroll left/right to read more information on the form.
    I've tried editing the iFrame width in the code: inside the iframe element, adding a div wrapper, defining a table width... No adjustments in the html seem to be rendering correctly on iPad.
    And I'm not a huge fan of the Web Content Overlay's option of Adjusting content to fit the frame since it makes the form very small.
    I'm running on CS5.5; I haven't tested the direct embed into
    Any help is greatly appreciated!

    Try to paste the code directly into InDesign. Sometimes it creates better results than just using a web overlay. I'm also dealing with some similar problem trying to get SoundCloud into the document.

  • Suppression of nav bars (chrome) in web-content overlays

    We've started to experiment with creating interactive content within folios, using web content overlays and HTML5/AJAX.
    Problem is the nav bars/chrome (whatever you want to call them) in Adobe Viewer pop up constantly, and unpredictably - for instance, the chrome will appear the *first* time an HTML button is clicked, but not on subsequent occasions. For other <div> elements that have onclick handlers attached, the nav always seems to appear.
    Does anyone have any insight into possible ways of suppressing the nav bars completely for web-content user interaction? Judging by the behaviour of HTML buttons, it seems there has been some effort put into this on Adobe's part, but some concrete insight would be brilliant.
    Cheers,
    David (Boto Media).

    I have already come across these "solutions".
    I am on v27 and have been since its release.
    I have tried method number one.  It partially works however it is buggy.  When the overlay initially loads, it flashes the Twitter URL before showing the feed in the overlay frame on the article.  Additionally, it sometimes flashes back and forth from the Twitter Feed's URL and displaying the feed itself.  This, for me is not a wholly valid solution but it will do for now since the only thing that remotely works. I suspect the URL flash has alot to do with the network connectivity of the device one is viewing the feed on.  However, to flash that URL before the feed loads makes the overlay appear buggy. 
    And the second method most definitely crashes ID ever single time I attempt to preview the overlay either on desktop or iPad.  And I have tried this method on several different machines, thinking it was my copy of ID.  It still crashes upon preview, so mehtod two is not a valid solution at all, unless there is something special that needs to be in the HTML file (besides the twitter widget) for it to not crash ID, that I am unaware of.
    Thank you for your assistance.

  • Web Content overlay crashing! Help?

    Everytime I try to use the Web Content overlay, InDesign CS 5.5 crashes. Working in Mac OS 10.6.8, for what it's worth.
    I have a local html file that should display an RSS feed. When I try to bring it into my InDesign file with the Web Content overlay, everything seems fine until I try to save or preview; that's when InDesign spins and spins and spins until it crashes. I've tried much simpler html (just a black box that should appear on the screen) just to test, but it still won't work.
    Here are my steps:
    1. Create local html file and test in browser. No problems.
    2. Within InDesign document, create bounding box to exact size or larger of what the html file will take up. No problems.
    3. Using the Web Content overlay, choose my local html file to go in the box. Autoplay on. No problems.
    4. Preview or save. CRASH.
    Am I doing something wrong? Is anyone else having this issue? Help?

    I have been getting exactly the same thing happening. I worked on this months ago and gave up eventually.
    I tried again yesterday and after a few crashes I got this to work. Not sure exactly what fixed it as I tried many things but here is a rundown. I did get multiple crashes but persisted this time.
    I made a new document to house my animation, it was 200 x 400 pixels (size does not matter as long as its consistent - see further on).
    I created the animation in Indesign CS 5.5 and tested. Once I was happy I exported the FLA into a folder. Not sure if this helped in any way but I moved the Indesign doc into the same folder.
    I used Wallaby to point to the FLA and converted it into HTML5 and saved all the elements into the same folder. I dropped the .html onto the browser and it worked fine.
    I then drew a frame in my Indesign doc exactly the same size as previous, ie 200 x 400 pixels (again not sure if this had any effect on fixing the issue but it worked for me). I used overlay creator/web content to point to the .html file. I saved the folio and uploaded it to DPS.
    When I checked this on the iPad it works fine.
    Again, not sure how or what exactly fixed this but it works.
    Could just be that the more you try it the less it crashes and eventually works. :-s
    Hope this helps.

  • Web content overlay doesn't always open in the in-app browser

    We are using a web content overlay in a small frame to show a series of social media share buttons. It works beautifully most of the time - when the user taps the img, the in-app browser slides up from the bottom and the share page is ready to go. Sometimes though, for no apparent reason, the share page loads inside our tiny 200x50px frame. Here's a simplified sample of the code from our index.html file that we link to:
    <div> <a href="http://www.sharesitegoeshere.com/facebook" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
    <div> <a href="http://www.sharesitegoeshere.com/twitter" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
    <div> <a href="http://www.sharesitegoeshere.com/pinterest" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
    <div> <a href="mailto:?subject=Check%20out%20this%20story%20&body=%0A%0Ahttp%3A%2F%2Fsharesitegoes here.com" target="_blank"><img src="email.png" alt="Email" /></a></div>
    Here's some examples of the web overlay opening inside the small frame instead of the browser:
    It seems like the first time we try the share button from a new article, it loads in the frame instead of the in-app browser, but every time after it behaves correctly. Is there any way to prevent this?

    I've had this problem too. Here's a solution from my notes:
    <UL><LI>Note on moving items
    <P>Sometimes the blue "move up" arrow
    disappears or stops working (as
    expected). The reason is usually that
    the regions "Group By" and "Sort By"
    to properties have been set so that the order of items
    is either completely determined or the
    items you wish to rearrange belong in
    different groups (or so as expose a bug
    in Portal -- I still think this might be
    a possibility).</P>
    This sorting is set under the specific
    Folder Style. Check
    <DL><DD><pre>
    Folder Properties
    -> Folder Style tab
    -> Layout tab
    -> Edit region icon.
    </pre></DD></DL>
    Try setting "Group By" to "Category" or
    "Author", and "Sort By" to
    "Default".</P>
    </LI></UL>
    -Kal
    null

  • Web content overlay: that blasted spinning wheel

    OK,
    I need some pointers.
    I am placing in animations made with Adobe Edge and they look good, however, onload you see a spinning wheel until the content loads in. I am looking to disable that spinning wheel.
    How do I do this?
    How does The Wired magazine do it? How do they have visusally rich content without that blasted wheel?
    All and any help, gratefully received!
    Billy.

    I figured out a way of hiding the spinning wheel, but it's a bit dodgy in a round-about way... It would be great if DPS can actually give us the option of disabling this feature.
    I placed the Web Content Overlay object (that contains the HTML file) into an MSO. The first State is a blank object and the second state is the object that contains the HTML file.
    My settings for the MSO is:
    Tick: Autoplay
    Delay: 0.5 sec
    Interval: 0.125 sec
    Play: 1 time
    Tick: Stop at last image
    Tick: Cross Fade
    Speed: 1 sec
    Export Format: Vector
    My settings for the Web Content Overlay is:
    Tick: Autoplay
    Delay: 0 sec
    Tick: Transparent Background
    Tick: Allow User Interaction
    Let me know if this works for you too!
    (But please Adobe, please give DPS the option of disabling the spinning wheel).

  • Link from Web Content overlay to another article

    Thinking caps on, guys. I am trying to reduce the overall size of a folio that contains a pop-out panel (a two-state MSO) that reveals image thumbnails in a vertical scrolling content frame. Each thumbnail is a button that takes the user to another article in the folio. The panel is repeated across all articles, which is handy for the user but wasteful in file size.
    In theory, I ought to be able to reduce the file size of the pages containing these panels if I was to replace the vertical scrolling content frame with a tall Web Content frame that would point to an appropriately designed HTML doc in HTMLResources.zip. This would minimise repetition of all those thumbnails.
    The problem, if you haven't already guessed it, is that DPS does not allow you to link from a Web Content overlay to folio articles. The 'navto://' convention simply won't work in this scenario.
    Is there ANY way to jump a Web Content frame to other locations in the folio? A non-standard, non-supported workaround would do me just fine.
    Thanks for reading this far.
    Ali

    Ali - Check out the new "Linking" article in the Advanced Overlays issue of DPS Tips. It explains how to use an unsupported method for cross-folio linking. I explained how to create buttons with this format, but the same format would work using <a href="URL"> in HTML.
    Johannes also breaks down this method here:
    http://digitalpublishing.tumblr.com/post/26564811021/cross-publication-linking-bonus-qr-co des

  • Capabilities of web content overlay?

    I have a question about what an iPad2/3 is capable of when running content through the web content overlay. I'm assuming this is a quick 'yes', but we wanted to be sure before going ahead on a project.
    When loading a page through the WCO, can it run HTML5 with Java objects? Are there certain objects that won't run on an iPad? (Flash, etc.) Basically we have a straightforward app but as an update we want to add a new section where the user can drag/move shapes on the page. Ideally we'd like the position of those shapes to be trackable data but that's a whole other ball game. Is Java what we "should" be using to accomplish this?
    My apologies for any horrible misuse of nomenclature, we're print people that also do basic DPS apps as an extension. Thank you!

    Java objects? You cannot load Java on an iOS device. This plugin is not installed on iOS Safari.
    Flash also won't run on iOS devices, you are simply limited to: HTML, CSS, JavaScript, Video (mp4/h.264), Audio(mp3).

  • DPS - Web Content Overlay. How to implement dragging action in .folio?

    Hi there
    I am building a huge project, some kind of encyclopaedia with multimedia and interactive content I created using both Tumult Hype and Adobe Edge Animate 1.0. They are perfectly well loaded onto their own respective Web Content Overlay and work almost perfectly.
    One of them is a draggable game in which you drag a man towards one side or another just to see how it inclines. I have tried it in many browsers and it simply works perfectly well. But, when I bring it into the inDesign document (into a MSO) I can't drag the man, as the ACV changes the page.
    What can I do? Is there any way of avoiding this default behaviour when using these interactive content?
    Best regards,
    Luis Santa-Maria

    Ok, thanks for not answering anyway.
    I have managed to get the solution by myself. I just put a e.preventDefault(); function when dragging, and it just worked.
    Thanks again to all those who didn't help and knew how to do it.
    Best regards

Maybe you are looking for