Animate HTML5-Banner in allen Dingen aber Safari arbeiten

Question

habe ich ein Banner in Animate CC, die Sie hier sehen können: http://www.dctuk.it/test/trustpilotbanner.html

Und es funktioniert in allen Browsern.

Aber wenn ich es auf unserer Beta-Site (eine ASP.NET-Site) setzen, funktioniert es überall außer Safari auf dem Mac. Es funktioniert gut auf Firefox und Chrome auf Mac, aber nur nicht Safari (oder iPad) und ich kann nicht herausfinden, warum.

Sie können es auf der Website sehen hier in der Nähe von unten: [link removed]

Weiß jemand, woran das liegen könnte? Ich denke, es könnte nichts mit Animate zu tun haben und nur ein Javascript-Konflikt sein, aber nicht sicher?

Prost

Jon

Answer 1

In der Site Ihre init() Funktion wird irgendwo in der Nähe der Unterseite außer Kraft gesetzt:

<script type="text/javascript"> 
    if ($(window).width() < 480) {  
     $(init); 
     function init() { 

      // Move the paragraph from #myDiv1 to #myDiv2 
      $('#coloursnew').append($('#imageholder')); 
     } 
    } 
    else { 
     //Add your javascript for small screens here 
    } 
</script> 

In webkit diese Funktion auch ausgewertet wird, obwohl es in der if-Anweisung und ersetzt Ihre Banner - Init - Funktion:

function init() { 
    // --- write your JS code here --- 

    canvas = document.getElementById("canvas"); 
    images = images||{}; 

    var loader = new createjs.LoadQueue(false); 
    loader.addEventListener("fileload", handleFileLoad); 
    loader.addEventListener("complete", handleComplete); 
    loader.loadManifest(lib.properties.manifest); 
} 

Eine Lösung für das Problem wäre, den Code für kleinere Geräte wie folgt zu ersetzen:

if ($(window).width() < 480) {  
    init = function() { 
     // Move the paragraph from #myDiv1 to #myDiv2 
     $('#coloursnew').append($('#imageholder')); 
    }; 
} 

Hier ist ein Beispiel JSFiddle des Problems. Probieren Sie es in verschiedenen Browsern aus, um das Ergebnis zu sehen.