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
-
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 -
<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 ! -
c'est un effet identique a celui de l'exemple que tu cherche
-
Je ne trouve pas vraiment ce que je veux
-
Et vous ne savez pas comment s'appelle cet effet ?
-
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 ! -
Je suis pas très doué dans l'informatique, pouvez-vous m'expliquer un petit peu ?
-
salut
pour recreer cet effet utilise jQuery !
c'est le mieux !
