Onclic sur un lien une image s'affiche

Fermé
kajs - Modifié par kajs le 13/05/2013 à 15:39
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 - 13 mai 2013 à 20:21
Bonjour,

ma question est comment modifier ce code pour que je puisse afficher une image suite au clic sur un lien parmi 5 liens, je veux qu'à chaque clic une seule image s'affiche et lors du clic sur un autre lien cette image diparaisse et une autre s'affiche à sa place et ainsi de suite.
merci de me rensegner svp c urgent
voilà mon code:
<!DOCTYPE html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>


</head>
<body>
<p><span style="font-family: arial black,avant garde; font-size: 10pt; color: #930;margin-top:5px;"><b>En Management projet :</b></span></p>
<p>
La realisation des activites (
<a href="" id='CP' class='showImg'>Conduite de projet.</a>,
<a href="#MP" id='MP' class='showImg'>Mise en place des reseaux et des solutions de securite.</a>
<a href="#HB" id='HB' class='showImg'>,Hebergement<br>.</a>,
<a href="#ASS" id='ASS' class='showImg'>Assistance des clients.</a>s,
<a href="#FR" id='FR' class='showImg'>Formation.</a>)
du CNI repose essentiellement sur une Demarche Qualite conformement aux normes et standard en vigueur.
<a id="CP">
<div class="ret"><img id='CP' src="Nouveau dossier/1.png" style='display:none;'/></div>
</a>
<a id="MP">
<div class="ret"><img id='MP' src="Nouveau dossier/3.png" style='display:none;'/></div>
</a>
<a id="HB">
<div class="ret"><img id='HB' src="Nouveau dossier/4.png" style='display:none;'/></div>
</a>
<a id="ASS">
<div class="ret"><img id='ASS' src="Nouveau dossier/6.jpg" style='display:none;'/></div>
</a>
<a id="FR">
<div class="ret"><img id='FR' src="Nouveau dossier/i20101203104104-gns.gif" style='display:none;'/></div>
</a>
<script type="text/javascript">

$(document).ready(function()
{
$(".showImg").live("click", function() {
var idimg=$(this).attr('id');
$("img#"+idimg).show();
});
}
);

</script>
</body>
</html>
A voir également:

1 réponse

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
13 mai 2013 à 20:21
Salut !

Pour moi ton code est prèske bon

$('.showImg').click(function($){
$('#ret').hide();
var img = $(this).attr('id');
$('#'+img).show();
});
0