diff options
| author |  Alexandre Alapetite <alexandre@alapetite.fr>
| 2013-10-07 21:26:13 +0200 |
|---|---|---|
| committer | Alexandre Alapetite <alexandre@alapetite.fr>
| 2013-10-07 21:26:13 +0200 |
| commit | 1b8b72b81d1a1648bdfdd8d98e20c07556a6bc2d (patch) | |
| tree | 0de847c4ce13e8cfa38f42df422db14d506f3f49 /app/views/javascript/main.phtml | |
| parent | b93c739125d53cf6b9901e0898efcd80835addca (diff) | |
Corrige images qui ne se chargent pas avec LazyLoad
Tel qu'utilisé, LazyLoad charge les nouvelles images lors d'un scroll. Hors dans certains cas (navigation clavier ou clic souris sur un article pour l'ouvrir), aucun scroll n'est généré et du coup les images ne sont pas chargées.
Ce patch ajoute un événement scroll artificiel dans ces cas là.
Exemple de cas sans scroll: bas de liste d'articles (ex: non lus), avec des articles plus petits que la taille verticale de la fenêtre, il n'y a pas de matière pour scroller plus haut.
Diffstat (limited to 'app/views/javascript/main.phtml')
| -rw-r--r-- | app/views/javascript/main.phtml | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/app/views/javascript/main.phtml b/app/views/javascript/main.phtml index 7ee42b88a..2d8a6220f 100644 --- a/app/views/javascript/main.phtml +++ b/app/views/javascript/main.phtml @@ -48,21 +48,27 @@ function toggleContent (new_active, old_active) { relative_move = true; } + var new_pos = new_active.position ().top, + old_scroll = $(box_to_move).scrollTop (), + new_scroll = old_scroll; if (hide_posts) { old_active.children (".flux_content").toggle (0); - var new_pos = new_active.position ().top; if(relative_move) { - new_pos += $(box_to_move).scrollTop(); + new_pos += old_scroll; } if (old_active[0] != new_active[0]) { new_active.children (".flux_content").toggle (0, function () { - $(box_to_move).scrollTop (new_pos); + new_scroll = $(box_to_move).scrollTop (new_pos).scrollTop (); }); } } else { - $(box_to_move).scrollTop (new_active.position ().top); + new_scroll = $(box_to_move).scrollTop (new_pos).scrollTop (); + } + + if ((new_scroll === old_scroll) && $.fn.lazyload) { + $(window).trigger ("scroll"); //When no scroll was done, generate fake scroll event for LazyLoad to load images } <?php if ($mark['article'] == 'yes') { ?> |