Discussion :

[mino26tz]

bonjour,
je suis un débutant en javascript.
je veux changer une image de flesch lors du click sur un div.

Code :

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

1
2
3
4
5
6
7
8
9
<div class="famille_1">
		<h2>FAMILLE DE PRODUITS N°1</h2>
		<img src="<?php echo $this->_img_path; ?>/flesh_f1_close.jpg"/>
	</div>
		<div class="famille_contenu_1 famille_contenu">
		        <div class="famille_illustr">
			<img src="<?php echo $this->_img_path; ?>/famille_illustr.jpg"/>
		        </div>
               </div>

la balise image en rouge c'est elle que je veux la changer en cliquant sur famille_1.

Code javascript

Code :

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

1
2
3
4
5
6
7
8
$('div.famille_1').click(function() {
 
      	$(this).siblings('.famille_contenu_1').slideToggle('800')
      	.siblings('.famille_contenu:visible').slideUp('800');
		$('img').attr({ src: "templates/defaut/images/flesh_f1_open.jpg" });
 
 
        });

dés que je clique sur famille_1 tous les images de la page changent en flesh_f1_open.

Merci d'avance.

[marcha]

Salut,

ton selecteur $('img') cible toutes les images de la page.

utilise un contexte, en écrivant $('img', this), ainsi il cible
les img dans le div.

si tu veux changer que la première, $('img', this).eq(0)

[andry.aime]

Bonjour,
Avec $('img', this) chaque image cliqué ne serait-il pas modifié par le même image flesh_f1_open.jpg?
Je pense que donner un id pour l'image cible du click serait plus précise.

[marcha]

Salut,

ajouter des ID n'est pas forcement nécessaire, regarde la doc des sélecteur
ici
tu devrais t'en sortir avec ça

[andry.aime]

Oui, mais cela ne cible pas tous les images cliqués du $('div.famille_1')?

[marcha]

Oui, c'est pour ça que je t'ai proposé d'utiliser eq(0) pour réduire la sélection
à la première image