Y'a pas moyen de faire des preloads du style de ce qui est fait sur les galeries Jquery style Lightbox ?
Parce que dans ce cas là, ça marche très bien avec tous les navigateurs.

Mascarille a écrit:

Doublement des hits : J'avais repris l'information donnée par Zaphod sans la vérifier.

Je me base sur les données de l'historique Piwigo.
A chaque fois qu'un visiteur firefox vient sur l'image, elle apparait comme affichée deux fois dans l'historique.

@Zaphod,
j'ai testé avec les images avançant une par une sous Firefox sur une machine,
Astat2 sur Chrome pour avoir les compteurs par image,
Piwik et le log d'Apache sur le serveur pour voir s'il y a d'autres accès parasites...

Les images avancent bien de 1 unité... pour les pages c'est plus compliqué, puisqu'il y a l'accès à Astat2 pour rafraîchir la statistique.

ceci dit, c'est pas forcément le problème majeur.

En réfléchissant sur la possibilité de préload, il faut aussi faire attention aux lectures sur pda, tablettes ou autres ou une lecture supplémentaire inutile peut-être pénalisante en terme de coût (même pour les forfaits illimités... mais limités dans la réalité !), même chose pour les étrangers qui payent au volume transmis... Le préload ne pourrait être effectif qu'à partir du moment où l'on a déjà regardé deux photos successives... Ca devient vite compliqué !

Zaphod a écrit:

Mascarille a écrit:

@Zaphod,
j'ai testé avec les images avançant une par une sous Firefox sur une machine,
Astat2 sur Chrome pour avoir les compteurs par image,
Piwik et le log d'Apache sur le serveur pour voir s'il y a d'autres accès parasites...

Moi j'utilise juste l'historique piwigo de base et le compteur d'unité de base.

Bizarre, sur la démo ça ne fait qu'une unité par visite...

Le probleme d'implementer avec jQuery est que
- on ne va pas rajouter jQuery dans les themes de base juste pour ca - perso je suis très content que sur ma page picture je n'ai pas un script de x Ko à charger
- on ne pourra jamais le faire aussi bien que le navigateur lui même. Celui-ci sait beaucoup mieux quand il a fini de tout charger sur la page en cours, s'il est idle et il peut demarrer un preload

prefetch est bien defini dans html5 - à terme on peut peut etre esperer que plusieurs navigateurs l'implementent

Zaphod a écrit:

Après, est-ce que c'est faisaible de preloader correctement en jquery (ou autre), sans forcément gérer tout l'affichage des photos en jquery ?

Ce n'est pas le problème de "gérer tout l'affichage des photos en jquery", le problème c'est de télécharger le fichier jquery.js juste pour faire cela.

Mais sur le fond, l'utilisation par défaut de jQuery, dans les thèmes basiques côté galerie, faudrait peut-être s'y mettre. De très nombreux sites le font (y compris Piwigo.org ou son petit frère Piwigo.com). Une news est tombée il y a quelques jours : il y a davantage de sites qui utilisent jQuery que Flash. Bref, ça me semble être une alternative à envisager : les avantages sont suffisamment intéressants il me semble.

J'ai trouvé sur le net :
http://ernstdehaan.blogspot.com/2009/08 … query.html

En ne gardant que ce qui est utile, ça donne ça :

     // Prefetch all files referenced in [LINK rel="prefetch" href="xyz"] tags...
     var $prefetchTags = $('HEAD LINK[rel=prefetch][href]');

     // ...followed by all referenced images,
     $prefetchTags.filter('[href$=.jpg],[href$=.jpeg]')
     .each(function() {
             new Image().src = this.href;
     });

Ca utilise donc directement les liens prefetch, et ça charge les images, même pour les browsers qui ne le gèrent pas normalement.
Ca semble marcher, seul défaut, dans chrome on a le curseur de souris "attente" le temps du préchargement, ce qui est très moche.

Je continue sur ma lancée...

C'est probablement un peu abusif et vraiment pas propre, mais je viens de tenter un truc.

Sur la page thumbnails, j'ai rajouté, après chaque thumbnail, un :

<div class="preload" style="display:none;">{$thumbnail.FILE_PATH}</div>

Ensuite, dans le script de chaque page "theCategoryPage", j'ai rajouté un :

$(window).load(function() {
    setTimeout(function() {
     var $preload = jQuery(".preload");
     $preload.each(function() {
            new Image().src = jQuery(this).text();
     });
    }, 0);
});

Ce qui fait que cela charge automatiquement toutes les images référencées en miniatures sur la page, en tache de fond.

Ca a l'air de marcher.

Evidemment, il ne faut pas avoir 150 miniatures sur la page, mais on peut très bien limiter le script aux N premières images à précharger.

Je trouve que le confort de navigation est pas mal amélioré...

Dernière modification par Zaphod (2011-09-06 19:14:25)