Discussion :

[YokhoJota]

Bonjour,

Le code intégral est assez énorme alors je vais essayer de n'indiquer que le strict nécessaire.
J'ai un menu, normal, qui au passage de la souris "onmouseover" lance une fonction "affbook(s)". "s" étant une chaîne de caractère genre:
"lost-in-transition"
"in-the-mood-for-god"
etc.
Les images sont grosses avec un effet d'ombrage.
Avec "s" je trouve "img", l'image en question.
La balise image se trouve dans un div d'id "bookcadre".
Dans ma fonction il y a donc ceci:

Code :

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

1
2
3
4
5
$("#bookcadre").hide();
$("#bookcadre img").attr("src",img).load(function(){ 
Décalage de la photo, mise en place de l'ombrage, légende, etc.
$("#bookcadre").show();
}

Cela fait exactement ce que je veux: le script n'affiche le bon ombrage - qui est différent pour chaque photo - qu'une fois l'image chargée.

Donc pas de problème, mais un mystère tout de même:
Sans que je ne sache pourquoi le script mémorise les éléments du menu survolés. Si je met un alert(img) au début de fonction, je n'ai qu'une alert en passant la souris sur un élément. Si je met alert(img) entre les { } il me met une alert par élément déjà survolés précédemment.
Voilà, si l'un de vous a une explication je suis preneur. Et aussi un tips pour charger des grosses images parce que j'ai rien trouvé de très pratique sur le net.

Merci.

Yokho

[SpaceFrog]

as tu essayé en passant par live() ?

ou alors le faire en deux étapes ?

Code :

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

1
2
3
4
5
6
 
$("#bookcadre img").load(function(){ 
Décalage de la photo, mise en place de l'ombrage, légende, etc.
$("#bookcadre").show();
})
$("#bookcadre img").attr("src",img)

[danielhagnoul]

Bonjour

$("#bookcadre img") sélectionne toutes les images contenues dans #bookcadre

[YokhoJota]

Bonjour,

danielhagnoul, j'aurai du préciser qu'il n'y a qu'une seule balise image dans ce div, d'ailleurs il n'y a que ça. =/

SpaceFrog, j'ai fais comme indiqué et voici le résultat:
http://www.pascalmeunier.net/test16.php
Cliquer sur Books et passer la souris sur le menu. La photo apparaît, puis seulement le cadre noir. Je ne sais pas du tout pourquoi.
l'image se charge au $("#bookcadre img").attr("src",img) non? Je veux dire que si elle n'est pas dans le cache, c'est à ce moment qu'elle sera téléchargée? Du coup moi je voudrai un $("#bookcadre").show(); après que tout soit bien en place: image téléchargée, ombre, etc. voilà pourquoi je met tout dans load().
Je me suis renseigné sur live(), pour ce qui est de la gestion de l'événement je faisais:

Code :

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

1
2
3
4
5
6
 
$("*[name|=listbooks]").mouseover(function() {
	$(this).stop() .animate({ opacity: gris_a }, "fast");
}).mouseout(function(){
	$(this).stop() .animate({ opacity: gris_b }, "fast");
});

J'ai remplacé par live() mais je n'ai pas vu de différence.

Bon c'est juste de la curiosité, je vais passer à autre chose. Il me suffit de faire un simple test pour exécuter ou non toute la procédure.

Merci pour vos réponses. =)

Yokho