wow.min.js trifft auf mousewheel.min.js

html.de-Forum JavaScript
1

Hallöchen,

ich hab da mal ein altes Experiment wieder ausgepackt und Bilder horizontal in einem DIV in eine Reihe gepackt.

Mit mousewheel.min.js hab ich die Scrollrichtung nach Links zu Rechts geändert und mit wow.min.js lasse ich zusammen mit animate.css die Bilder „ein-faden“- also animieren wenn sie im viewport sind.

wow.min.js:

[CODE]

[/CODE]

mousewheel.min.js

[CODE][/CODE]

HTML

[CODE]

<?
    $directory = "bilder/01/";
    $images = glob($directory . "*.jpg");
    sort($images);
    foreach($images as $image) {
      echo "<img class='wow fadeIn' src='".$image."'/>";
    }
?>
[/CODE]

Berechnung der Breite von body (damit ich keine Breite des Containers definieren muss)

[CODE][/CODE]

CSS:
gibts nicht

Nur leider klappts mit der Animation nicht so recht, sobald ich die Seite nicht vertikal, sondern horizontal layoute…:mad:

Vielleicht gibts da ja nen Schalter den ich umlegen kann? :slight_smile:

Achja und zu sehen gibts das ganze hier höchst offiziell: http://www.wanjapflueger.de/doc/

PS: Lazyload klappt bei mir mit wow.min.js auch nicht mehr, das ist ebenfalls zu betrauern…:rolleyes:

Zutiefst verbunden,
Wanja :slight_smile: