Ändern eines image src-Attributs mit jQuery, das in Chrome / Opera nicht immer angewendet wird

Ich habe den folgenden Code, der zum Abrufen eines kleinen hochauflösenden Teils eines Fotos auf meiner Website verwendet wird. Die Idee ist, den Leuten einen Blick auf die Qualität des Originals zu ermöglichen, bevor sie sich für einen Kauf entscheiden oder nicht:

$('#magviewplus').attr('src', '/photos/original-snippet.php?id=<?php echo $nID?>&x='+left+'&y='+top).load(function() {
    window.clearInterval(maginterval);
    magtimer=3;
    maginterval=window.setInterval(magViewCountdown,1000);
    $('#clicktoenhance').html('Exiting in '+magtimer+'s...');
});

Aus irgendeinem Grund ist es zeitweise. Fiddler zeigt, dass das Snippet immer geladen ist, aber nur manchmal angezeigt wird. Auch wenn es nicht angezeigt wird, funktioniert der Code im load () -Ereignis einwandfrei.

So denkt es, dass es geladen ist, zeigt Fiddler, dass es geladen ist, aber in etwa 50% der Fälle wird nicht angezeigt, wo es eigentlich sein sollte.

Es passiert normalerweise weniger auf meinem Desktop zu Hause und mehr auf meinem Laptop, wenn ich unterwegs bin. Daher frage ich mich, ob es irgendwie damit zusammenhängt, dass die Ressource manchmal etwas langsam geladen wird ...?

Irgendwelche Ideen

bearbeiten dies scheint tatsächlich auf Chrome & Opera beschränkt zu sein, es funktioniert gut in Firefox / IE11

Antworten auf die Frage(12)

Ihre Antwort auf die Frage