Hi!

Thank you for this fantastic program!

Because there are no command in the action called "reload page", I use a workaround by setting the action "Go to page" and to the current page in view. This works well when exporting the file to xpub and also to epub3, but only in the Pubcoder app. When opening the Epub3 in Ibooks or on Infinity Reader, reloading the current page doesn't reset the images and sounds to the original state. I have a theory that I haven't yet tested though. It might depend on that all interactive objects are put the same layer as the main image of the page (all pages are made from background images) and that Pubcoder app load images in a certain order which is not obtained by default in other readers . I'll look into that but I still need your opinions...

I give you a detailed description as well:

A page consist of several clickable play buttons linked to different sounds. Every time I push a play button, a sound file is played and playback controls are shown. The current play button then changes its image to a clickable stop button image and the play buttons for the other sounds are hidden by calling a simple javascript code to prevent the user to be able to playback multiple sounds at once. So far so good...

Now to my problem. The behaviour I want is when pushing the stop button, I want to reset the page to its original state, making every play button visible and clickable once again. The only way I have been able to do this is by the built-in action "go to page" (same page) as described above. This works excellent when opened in the pubcoder app, But in other readers - for example Infinity Reader - the images disappears when pressing the stop button and the only way to get them back is to flip pages.

If it wasn't for this frustrating bug, my book would be ready to go. Please help me if you can!

Hi!

I need to find an easy method for limiting the user to play only one embedded mp3-file at a time. I realize this should be possible with some small piece of javascript.

This is what I tried Run Javascript action on the interaction tab for tapping:

$('.bt1').hide();
$(this).show();

The result I need is that when I click on a play image, all play buttons on the page, except the one tapped on, should become unvisible as well as non-clickable. As a start, I created a css-class for all play buttons on the page (called bt1 in the example). Then, trying the following code, is not working. Please can someone explain to me why nothing is happening and what I need to add?
¨
EDIT: Well, it sort of works.... But the hide animation doesn't play anymore because it's a separate the drag and drop action. What's the javascript code for "rotate out"? I suppose I need to put in some more code starting with "transition:" ...............