Demande de code html

Fermé
tritriii Messages postés 79 Date d'inscription lundi 12 juillet 2010 Statut Membre Dernière intervention 13 juin 2013 - 2 juin 2012 à 13:14
tritriii Messages postés 79 Date d'inscription lundi 12 juillet 2010 Statut Membre Dernière intervention 13 juin 2013 - 3 juin 2012 à 11:31
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

lili34500 Messages postés 178 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 17 août 2012 16
2 juin 2012 à 13:25
salut

pour recreer cet effet utilise jQuery !
c'est le mieux !
1
lili34500 Messages postés 178 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 17 août 2012 16
2 juin 2012 à 15:10
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
lili34500 Messages postés 178 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 17 août 2012 16
2 juin 2012 à 17:05
<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
tritriii Messages postés 79 Date d'inscription lundi 12 juillet 2010 Statut Membre Dernière intervention 13 juin 2013 5
2 juin 2012 à 14:35
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
tritriii Messages postés 79 Date d'inscription lundi 12 juillet 2010 Statut Membre Dernière intervention 13 juin 2013 5
2 juin 2012 à 15:15
Et vous ne savez pas comment s'appelle cet effet ?
0
tritriii Messages postés 79 Date d'inscription lundi 12 juillet 2010 Statut Membre Dernière intervention 13 juin 2013 5
2 juin 2012 à 15:36
Je ne trouve pas vraiment ce que je veux
0
lili34500 Messages postés 178 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 17 août 2012 16
2 juin 2012 à 16:48
c'est un effet identique a celui de l'exemple que tu cherche
0
tritriii Messages postés 79 Date d'inscription lundi 12 juillet 2010 Statut Membre Dernière intervention 13 juin 2013 5
3 juin 2012 à 11:31
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