Prétélécharger une galerie avant qu'elle ne s'affiche

**Equipassion** · 15/09/2010, 14h48

Bonjour à tous

Je m'occupe du site web d'un couple d'amis. Dedans, il y a pas mal de vidéos sur plusieurs pages différentes. En cliquant sur les photos alignées en haut de page, la vidéo correspondante s'ouvre en dessous.

En prévision de rajouter des vidéos, j'ai mis cette galerie trouvée sur le site ci-dessous (pour l'instant, il n'y a que trois photos...) :

http://sorgalla.com/projects/jcarous...ic_simple.html

Je la trouve plutôt pas mal, mais, en fonction de la puissance de l'ordinateur, il est plus ou moins long à se mettre en place.

Sur le site du développeur de la galerie, il existe des carrousels qui se préchargent, mais, cela ne peut pas aller sur mon site puisque le préchargement des photos se fait dans la partie <head> de la page et que là, il faut que le script convienne à toutes les pages qui ont besoin de cette galerie. En plus, en cliquant sur chacune des photos, il faut que la vidéo s'affiche sous le carrousel...

http://www.henriquet.fr/french/frame...ideos_paradise

Existe-t-il un script qui permettrait d'attendre que le carrousel soit complétement téléchargé avant de s'afficher, un peu comme il existe en flash et qui fait apparaître un sablier par exemple, le temps du téléchargement.

Merci d'avance pour vos réponses

Bien cordialement

JP

**Rahim-US** · 19/09/2010, 11h35

Salut, oui il existe des scripts pour pré-chargé les images, c'est utile bien sur dans le cas d'une galerie d'image par exemple, voila le javascript ajoute le dans le head:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
	function load() {
		if (document.images) {
			this.length=load.arguments.length;
			for (var i=0;i<this.length;i++) {
				this[i+1]=new Image();
				this[i+1].src=load.arguments[i];
			}
		}
	}
	function preload() {
	var temp=new 
	// ajoute les images ici.
	// on sépare les images par une virgule.
	load("image0.gif","image1.gif","image2.gif","image3.gif")
	}
</script>