Demande de code html
Bonjour, je souhaiterais inserer sur mon site quelque chose qui ressemblerait à ça : https://www.autocars-menguy-burban.fr/autocar
En effet, j'aimerais que lorsque qu'on clique sur une photo, on est un descriptif détaillé ou bien une autre photo. Savez vous où trouvez ce code, ou connaissez-vous le nom de ce type de code.
Merci
En effet, j'aimerais que lorsque qu'on clique sur une photo, on est un descriptif détaillé ou bien une autre photo. Savez vous où trouvez ce code, ou connaissez-vous le nom de ce type de code.
Merci
8 réponses
-
salut
pour recreer cet effet utilise jQuery !
c'est le mieux ! -
ok je jQuery c'est du java deja !
vas te renseigner sur leur doc !
https://jquery.com/
si tu veux des exemples vas voir du cote de jquery ui il y a des truc qui peuvent te plaire ! -
<html> <head> <title>Exemple</title> </head> <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('.image_a_charger1').hide(); $('.image_a_charger2').hide(); $('.image_a_charger3').hide(); $('.image_a_charger4').hide(); $('.image1').click(function(){ $('.image_a_charger1').slideDown(); $('.image_a_charger2').slideUp(); $('.image_a_charger3').slideUp(); $('.image_a_charger4').slideUp(); }); $('.image2').click(function(){ $('.image_a_charger2').slideDown(); $('.image_a_charger1').slideUp(); $('.image_a_charger3').slideUp(); $('.image_a_charger4').slideUp(); }); $('.image3').click(function(){ $('.image_a_charger3').slideDown(); $('.image_a_charger4').slideUp(); $('.image_a_charger1').slideUp(); $('.image_a_charger2').slideUp(); }); $('.image4').click(function(){ $('.image_a_charger4').slideDown(); $('.image_a_charger1').slideUp(); $('.image_a_charger2').slideUp(); $('.image_a_charger3').slideUp(); }); }); </script> <body> <div align="center"> <div class="image_a_charger1"><img src="http://placekitten.com/500/300"></div> <div class="image_a_charger2"><img src="http://placekitten.com/500/300"></div> <div class="image_a_charger3"><img src="http://placekitten.com/500/300"></div> <div class="image_a_charger4"><img src="http://placekitten.com/500/300"></div> </div> <a class="image1" href="#">image1</a> <a class="image2" href="#">image2</a> <a class="image3" href="#">image3</a> <a class="image4" href="#">image4</a> </body> </html>
Voici un petit exemple de ce jQuery de permet de faire a toi d'adapter ! -
Je suis pas très doué dans l'informatique, pouvez-vous m'expliquer un petit peu ?
-
Et vous ne savez pas comment s'appelle cet effet ?
-
Je ne trouve pas vraiment ce que je veux
-
c'est un effet identique a celui de l'exemple que tu cherche
-
Merci beaucoup, par contre lorsque je le rentre dans notepad++ et que je l'enregistre. Des que je l'ouvre, ça ne marche pas, ça me met "image 1 image 2 image 3 image 4 "
Encore merci pour votre aide
