Onclic sur un lien une image s'affiche
kajs
-
jeremy.s Messages postés 1226 Date d'inscription Statut Membre Dernière intervention -
jeremy.s Messages postés 1226 Date d'inscription Statut Membre Dernière intervention -
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>
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:
- Onclic sur un lien une image s'affiche
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Légender une image - Guide
- Image iso - Guide
