Demande de code html

tritriii Messages postés 91 Statut Membre -  
tritriii Messages postés 91 Statut Membre -
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
A voir également:

8 réponses

Réponse 1 / 8
lili34500 Messages postés 187 Statut Membre 16
 
salut

pour recreer cet effet utilise jQuery !
c'est le mieux !
1
Réponse 2 / 8
lili34500 Messages postés 187 Statut Membre 16
 
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 !
1
Réponse 3 / 8
lili34500 Messages postés 187 Statut Membre 16
  
<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 !
1
Réponse 4 / 8
tritriii Messages postés 91 Statut Membre 5
 
Je suis pas très doué dans l'informatique, pouvez-vous m'expliquer un petit peu ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
tritriii Messages postés 91 Statut Membre 5
 
Et vous ne savez pas comment s'appelle cet effet ?
0
Réponse 6 / 8
tritriii Messages postés 91 Statut Membre 5
 
Je ne trouve pas vraiment ce que je veux
0
Réponse 7 / 8
lili34500 Messages postés 187 Statut Membre 16
 
c'est un effet identique a celui de l'exemple que tu cherche
0
Réponse 8 / 8
tritriii Messages postés 91 Statut Membre 5
 
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
0

Discussions similaires

Code de confirmation facebook
zemmfan -
Utilisateur anonyme -

3 réponses
J'ai reçu un code de confirmation Facebook sans raison
laulau -
Chantale -

8 réponses