11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
J'ai un problème avec jQuery. Sur ma page, on choisit un étage d'immeuble avec php, et en fonction de l'étage choisi, le contenu de la page change. Dans ce contenu j'ai une image de plan qui quand on clique dessus affiche les cloisons.

Tout marche très bien pour la première image mais pas pour les images des autres pages étages. Comment puis-je faire ? J'ai essayé de changer tous les noms des id mais sans succès Smiley bawling

Voici mon jquery
var imageObject = {
	clickSwap : function(obj) {
		obj.click(function() {
			var activeImage = $(this).children('img.active-swap');
			activeImage.removeClass('active-swap');
			if (activeImage.next().length > 0) {
				activeImage.next().addClass('active-swap');
			} else {
				$(this).children('img:first-child').addClass('active-swap');
			}
			return false;
		});
	}
};
$(function() {
	imageObject.clickSwap($('#imgswap-container'));
});


Mon HTML
<div id="wrapperImg">
            	<div id="imgswap-container">
			    <img src="img/plan-rdc_off.jpg" width="860" height="446" alt="plan-rdc_off" class="active-swap" />
			    <img src="img/plan-rdc_on.jpg" width="860" height="446" alt="plan-rdc_on" />
		        </div>	
			<div/>


Et mon CSS
#wrapperImg {
	width: 860px;
	margin-left:-60px;
}
#imgswap-container {
	width: 860px;
	height: 446px;
	position: relative;
	overflow: hidden;
	background: #fff;
}
#imgswap-container img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
}
#imgswap-container img.active-swap {
	z-index: 3;
}


Savez-vous comment je peux faire pour appliquer cela à d'autres images ?

Merci ! Smiley cligne
Modifié par flosa (24 Apr 2013 - 09:38)
Personne pour m'aider ? Je ne m'explique pas assez clairement ? Smiley decu

Je peux donner l'url en privé si ça peut aider ...
C'était en fait tout simple. Comme me l'a fait remarquer tazzkiller l'appel de mon jQuery se trouvait dans le footer alors que des scripts qui en avaient besoin se trouvaient en haut de page. J'ai donc remonté l'appel à jQuery et hop, miracle Smiley smile tout fonctionne !

Mille mercis.