Discussion :

[artenis]

Bonjour,

je souhaite parvenir à la même fonctionnalité que la fonction ".hover" de jquery mais pour la fonction ".click" :
c'est à dire: sur un groupe d'images, pouvoir animer une image lorsque l'on clique dessus, et supprimer cette animation lorsque l'on clique sur une autre image du groupe.
il s'agit d'images récupérer en php , ainsi je n'ai que l'attribut "img" utilisable

espérant avoir été assez clair, je vous remercie par avance pour vos réponses.

n'hésitez pas à me donner un lien déjà existant si ce sujet est déjà présent, je n'ai pas su trouver la bonne question à mon problème.

[SpaceFrog]

dis nous un peu plus sur tes balises images ? elle sont ou dans ton code html ?
dans un conteneur ?

le selecteurs de jquery peuvent pointer sur ce que tu veux a condition de savoir par ou mettre la main sur l'objet visé ...

[artenis]

voici le code php qui recupere les images du dossier image et le conteneur qui la contient :

Code :

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
18
<?php
        $dos = "images/";
        $dir = opendir($dos);
        while($file = readdir($dir)){
                        
            $allow_extension = array('jpg', 'png', 'gif');
            $extension = strtolower(substr($file,-3));
            if(in_array($extension,$allow_extension)){
                ?>
                <div id="s-search-img">
                <img src="images/<?php  echo $file; ?>" width="130" height="80"/>
                <div id="s-search-img-name"><?php  echo substr($file,0,23); ?></div>
                </div>
                <?php
                    
            }
        }
        ?>

ici il s'agirait effectivement du conteneur appelé: "#s-search-img" et non sur "img".
j'ai ainsi environ une 50aine d'images , et veux pouvoir cliquer sur n'importe qu'elle d'entre elles et s'anime et "désanime" lorsque je clique sur une autre image.

merci pour vos futurs réponses

[SpaceFrog]

Code :

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

$("#s-search-img img").aminate()

[artenis]

c'est bien gentil, mais cette partie là je la connait, ce qui me gene c'est de creer le code (simple) qui effectue cette animation sur chaque image :

lorsque je clique sur une image : elle s'anime,
lorsque je clique sur autre image , l'ancienne image se désanime et celle cliquée s'anime à son tour.
suis-je compréhensible ?

voici ce que j'avais déjà éssayé:

Code :

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

1
2
3
$('#s-search-img img').click(function(){
		$('#s-search-img').css({background:'#6CF',border:'2px solid #6CF'});
	});

et n'avait pas marché (seul la fonction est différente :animate) mais ce n'est pas là l'important.

j'avais pensé à "prev et next"

[SpaceFrog]

ha oki ...
ce qui ne va etre compliqué c'est d'animer le background ...

qu'entend tu exactement par animer ...