Animierte gif-Datei ab scrollen

Habe ich gemacht 4 animierte GIF-Dateien, und ich möchte, dass Sie beginnen, durch die der Benutzer scrollen.

Was ich getan habe ist diese: 

$(function () {
    var screen = $(".screen");
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();

        if (scroll >= 1500) {
            screen.css('display','block');
        } else {
            screen.css('display','none');
        }
    });
});

Versuchte ich, display none und block die gifs von Blättern und es funktioniert gut, das problem ist, dass das gif nicht von Anfang an, wenn ich Sie Anzeige-block, es beginnt irgendwo in der Mitte der animation.

wie kann ich eine gif starten genau aus dem ersten frame, wenn ich Sie Anzeige blockieren?

Vielen Dank!

  • Sie können nicht "neu starten", eine gif-Datei, es sei denn, Sie refetch vom server zu jeder Zeit (die Sie nicht wollen, dass). Eine Lösung wäre die Verwendung von data-uris und re-gelten die src.
InformationsquelleAutor user3586610 | 2014-06-16
  1. 4

    Ihren code ein-und ausblenden der Bilder, aber es funktioniert nicht laden Sie das Bild. Stattdessen sollten Sie aktualisieren Sie Ihr src-Attribut, oder einfach realod das gleiche Bild.

    $(this).attr("src",$(this).attr("src"))

One simple solution would be 

if (scroll >= 1500) {
   screen.attr('src',screen.attr('src')); //update its src, this reloads the img
} else {
   screen.css('display','none');
}
    • Hey, vielen Dank! das war es, nur was soll ich den "else" - so wird es aufhören, erfrischend nach 1500px scrollen?
    InformationsquelleAutor niko
Schreibe einen Kommentar