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
Voici mon jquery
Mon HTML
Et mon CSS
Savez-vous comment je peux faire pour appliquer cela à d'autres images ?
Merci !
Modifié par flosa (24 Apr 2013 - 09:38)
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

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 !

Modifié par flosa (24 Apr 2013 - 09:38)