preload >100 images avec onmouseover

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : preload >100 images avec onmouseover

winzo

bonsoir tout le monde,

alors j'ai 2 div :

1 qui contient 130 miniatures sur deux colonnes
il y a un onMouseover sur chaque image qui appel une fonction javascript pour afficher une version moyenne de la miniature dans la 2ieme div

j'avais un problème avec le lag entre le onMouseover et l'affichage de la grande image 512*3.. c'est pas si grand
j'ai donc réduit la qualité de mes images
mais c'est toujours trop lent

j'ai donc fait un preload de mes images mais la c'est le chargement de la page qui est trop lent

Code :

<script>
var j = 0;
var a ;
a= new Array();
function preview(newsrc)
{
document.getElementById('max').style.border = "1px solid #0080ff";
document.getElementById('big_pict').src = newsrc;
}
function preload(newsrc)
{
a[j]=new Image;
a[j].src= newsrc ;
j++;
}
</script>

Code :

while ($Fichier = readdir($dossier))
{
if ($Fichier != "." && $Fichier != ".." && $Fichier != "Thumbs.db" )
{
$nomFichier = $Fichier;
$tabnom[] = $nomFichier;
}
}
sort($tabnom);//remise des photos en ordre chornologique
foreach($tabnom as $cle => $valeur)//boucle sur chaque element du tableau
{
$src_min= "min/".$valeur;//chemin des min
$src_moy= "moy/".$valeur;//chemin des moy
echo "<script>preload('".$src_moy."')</script>";//appel de la fonction pour le prechargement
echo"<li><img src=\"".$src_min."\" onMouseOver=\"preview('".$src_moy."');\"></li>";//affichage des min
}

quelqu'un a une idée ?

merci beaucoup

winzo

Publicité

FlorentG

Unité de Masse

Le preload risque de tuer toute la bande passante. Le mieux est d'agir psychologiquement, genre afficher un p'tit gif genre un sablier derrière l'image : onmouseover, tu planques l'images, tu la charge discretos, mais pendant le chargement t'affiche une animation. Et dès que l'image à l'air d'être chargée, tu l'affiche [:dawak] A tester

leflos5

On est ou on est pas :)

Y'a pas moyen de réduire le nombre de vignettes :??: Les 130 sont utiles en une page :??:

winzo

bonjour tt le monde,

effectivement >100 images c'est un peu beaucoup, dès que j'ai fini de codé ma bdd je fais un vrai gestionnaire de miniatures avec plusieurs pages pour que le nombre <=40 images

je vais réduire un peu la qualité de la photo, je vais mettre le 3ieme parametre a 80 au lieu de 90 dans la fonction imagejpeg

autre idée : mon chargement d'images dans la boucle foreach n'est pas tellement une bonne idée
je ferais mieux de passer le tableau des moy en parametres à la fonction preload en dehors de la boucle, avant ou apres, car la boucle bloque le programme !!!!

merki

winzo

FORUM HardWare.fr

Programmation

HTML/CSS

preload >100 images avec onmouseover

Sujets relatifs
problème alignement images puzzle	onMouseover : changement de texte
Bug graphique, avec les images selon la résolution, firefox et ie	[RESOLU] Définir onmouseover dans options dynamiques
Images en VBScript	Différence de teintes dans les images sous Firefox et IExplorer.
Logiciel de mapping d'images.	[PHP/GD] Superposition de plusieurs images avec tranparence...
Fichiers images internes à une solution	Créer tableau avec images et descriptifs
Plus de sujets relatifs à : preload >100 images avec onmouseover

Page générée en 0.050 secondes