Thank you for the additional information.
The problem seems to be a combination of:
(1) An Edge Animate animation
(2) Safari 10 on Mac
(3) The Back Button within Juicebox-Pro
Unfortunately, I am unable to replicate the problem so you may need to try a few things for yourself to see if they work or make a difference.
Essentially, the Back Button just opens a specified page in the user's browser and I'm really not sure how the link itself could affect the content of the page that it links to. It looks like some kind of incompatibility between Edge Animate and Safari 10 on Mac (especially as the phenomenon has not been seen in any other browser). It is a mystery why your Edge Animate page works when opened from your own manual <a> hyperlink but not from the Back Button link in your Juicebox-Pro gallery.
However, here are a few things to check and try:
(1) Try using text instead of the icon for the Back Button to see if this makes a difference.
Set backButtonUseIcon="FALSE" and backButtonText="return jori".
(2) Try using an absolute URL instead of a relative path for your backButtonURL.
Set backButtonUrl="http://www.henricanu.com/testouille/clickautotest/clickautotest-2.html".
(3) Try taking Juicebox-Pro out of the equation and see if the same problem occurs with a dynamically generated link outside of Juicebox-Pro.
Just before the closing </body> tag on your gallery's 'index.html' page, add the following code which will add a dynamic link (like Juicebox-Pro does for the Back Button).
<script type="text/javascript">
$(document).ready(function() {
$('body').prepend('<a href="../../testouille/clickautotest/clickautotest-2.html">Link #2</a>');
});
</script>
In this case, the text for the link will be "Link #2" and the link will appear above your own test link. It will still link to your Edge Animate page. Please try this and see what happens.
If this works, then you could try overriding Juicebox-Pro's own handling of the Back Button.
Try something like this:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '100%',
galleryHeight: '600px',
backgroundColor: '#222222',
backButtonPosition: 'OVERLAY',
backButtonUseIcon: 'FALSE',
});
jb.onInitComplete = function() {
$('.jb-go-back').html('<a href="../../testouille/clickautotest/clickautotest-2.html">return jori</a>');
};
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
This uses the Juicebox-Pro API (specifically the onInitComplete event) to ensure that the Back Button is present in the DOM (Document Object Model) before any actions are performed on it. The code then replaces Juicebox-Pro's own Back Button link code with your own.
If this works, you can then style your custom Back Button with CSS if you like.
(4) You might also like to try giving your Edge Animate container focus as soon as the page is loaded.
Try adding the following code just before the closing </body> tag on your Edge Animate page:
<script type="text/javascript">
window.onload = function() {
document.getElementById('EdgeID').focus();
};
</script>
If you continue to experience difficulties, then you might like to try posting in Adobe's Edge Animate forum to see if any other users have experienced similar issues (Edge Animate animation requiring a click on the page in Safari 10 on Mac when taken to an Edge Animate page via a link).
I hope that these suggestions help or at least point you in the right direction.