Petite galerie en jQuery

Logiciel & apps Programmation
1

Bonjour a toutes et tous

le soucis est que quand je clic sur une image je vois bien la photo agrandi, mais quand je clic sur la 2eme, elle s’affiche mais la première ne disparait pas :frowning:


$(document).ready(function() {
	$('div[id^="big_"]').hide();
	
	$('.mini').click(function() {	
		var id = $(this).attr('id').split('_');
		var $div = $('#big_'+id[1]);

		$div.toggle();
	},function(){
		$div.toggle();
	});
});



<div id="contener">
	<div id="imgMini">
    	<div id="mini_1" class="mini">
        	<img src="img/14.jpg" alt="img" width="80" />
        </div>
        <div id="mini_2" class="mini">
        	<img src="img/23_g.jpg" alt="img" width="80" />
        </div>
        <div id="mini_3" class="mini">
        	<img src="img/25_g.jpg" alt="img" width="80" />
        </div>
    </div>
    
    <div id="imgBig">
    	<div id="big_1" class="big">
        	<img src="img/14.jpg" alt="ZoomImg"/>
        </div>
        <div id="big_2" class="big">
        	<img src="img/23_g.jpg" alt="ZoomImg" />
        </div>
        
        <div id="big_3" class="big">
        	<img src="img/25_g.jpg" alt="ZoomImg" />
        </div>
    </div>
</div>

en espérant que vous pourrez m’aidez :slight_smile:
Edité le 14/01/2011 à 12:08

2

‘jour,
Ton problème est que tu ne recaches pas tes “big_X” à chaque fois.
A ta place je rajouterai ta ligne “$(‘div[id^=“big_”]’).hide();” (En supposant qu’elle marche bien :)) au début de "$(’.mini’).click(function() {"

En espérant que celà résolve ton problème

3

Super Merci effectivement cela fonctionne :slight_smile: