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:

Demande de code html
Code ascii de a - Guide
Code puk bloqué - Guide
Code de déverrouillage oublié - Guide
Editeur html - Télécharger - HTML
Code activation windows 10 - Guide

8 réponses

Réponse 1 / 8

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 !

Réponse 2 / 8

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 !

Réponse 3 / 8

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 !

Réponse 4 / 8

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 ?

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

Posez votre question

Réponse 5 / 8

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 ?

Réponse 6 / 8

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

Réponse 7 / 8

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

Réponse 8 / 8

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

Discussions similaires

Code de confirmation facebook

Code de renvoi d'appel : Ooredo, Mobilis...

Mail étrange (demande de reinitialisation MDP)

[référencement] Ne pas être référencé

code d'activation GTA 5 steam

Discussions similaires

Newsletters