Besoin d'un conseil svp

enzo0000 -  
bonjour je voudrais faire la meme chose sur une pages pourriez vous me dire comment faire svp

https://www.booking.com/hotel/gb/the-laslett.fr.html

je voudrais faire pareil pour les photos merci d'avance

1 réponse

  1.  jordane45 Modérateur
    Bonjour,

    Regardes donc du côté des CAROUSEL et/ou des SLIDER PHOTO

    En Jquery par exemple :
    http://designscrazed.org/free-responsive-jquery-carousel-slider-plugins/
    0
    1. enzo0000 Auteur
      merci pour ton aide

      j'ai vue cela qui me plais bien

      https://pgwjs.com/pgwslideshow/

      mais je regarde le code et le copie et ca ne me donne rien
      ps je debute
      0
    2. jordane45 Modérateur
      @enzo0000As tu bien récupérer la librairie JQUERY ?

      => Enregistre le contenu de ce lien dans un fichier que tu nommeras jquery.js
      http://code.jquery.com/jquery-1.11.3.min.js

      ===> puis inclus ce fichier dans ta page. 
      <script type="text/javascript" src="jquery.js"></script>


      Ensuite,
      Peux tu montrer le code ( COMPLET ) de ta page ?
      0
    3. enzo0000 Auteur
      bonjour jordane

      je vais essayer et te mettre le code complet de la page
      0
    4. enzo0000 Auteur
      comme je te le disais je debute completement
      pour te donner un exemple j'aurais voulue un resulata pour les image idem que celui la
      image encadre avec nom villes

      https://www.groupon.fr/
      0
    5. enzo0000 Auteur
      <!doctype html>
      <html>
      <header>
      <meta charset="utf8" />
      <title>2Days ou 2Night</title>
      <link rel="stylesheet" type="text/css" href="menu.css">
      <div>
      <a href="Index.html"><div align="center">
      <font color="white" size="6" face="tahoma ">
      2Days ou 2Nights
      </a>
      </div>

      </header>
      <body>

      <nav>
      <ul><font color="black" size="4" face="">
      <li><a href="Hôtels restaurants.html">Hôtels restaurants</a></li>
      <li><a href="#">Pubs Discotheques</a></li>
      <li><a href="#">Beauté Bien-être</a></li>
      <li><a href="#">Cinéma Theatre</a></li>
      <li><a href="#">Loisirs Sports</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Shoppings</a></li>
      <li><a href="#">Voyages</a></li>
      <li><a href="#">Ma région</a></li>
      </font>
      </ul>
      </nav>
      <div>
      <a href="Les Bons Plans de la Semaine.html"><div align="center">
      <font color="black" size="6" face="tahoma ">
      Les Bons Plans de la Semaine
      </div>

      <marquee align="center" height="130" scrolldelay="5" scrollamount="8" onmouseout="this.start()" onmouseover="this.stop()">
      <p>
      <img border="0" src="téléchargement (4) 2.jpeg" width="130" height="130" alt="erreur d'image" hspace="0">
      <img border="0" src="ob_8bdefc_cocktail-gin-framboise-blog.jpg" width="130" height="130" alt="erreur d'image" hspace="0">
      <img border="0" src="loveland-WesterUnie-ADE-dj2dj_nl-380x250_c.jpg" width="130" height="130" alt="erreur d'image" hspace="0">
      <img border="0" src="hotel.380x250.jpg" width="130" height="130" alt="erreur d'image" hspace="0">
      <img border="0" src="images (3).jpeg" width="130" height="130" alt="erreur d'image" hspace="0">
      <img border="0" src="58693_424225222827_15456537827_5067612_5213829_n-380x250_c.jpg" width="130" height="130" alt="erreur d'image" hspace="0">
      </p></marquee>

      <table>
      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="Hôtels restaurants.html">Hôtels & restaurants</a></li>
      <a href="Hôtels restaurants.html"><img src="hotel.380x250.jpg" height="130" widht="130" /><a href="Mexican-food-380x250_c.jpg"><img src="téléchargement.jpeg" height="130" widht="130" /><a href="Hôtels restaurants.html"><img src="Mexican-food-380x250_c.jpg" height="130" widht="130" /><a href="Hôtels restaurants.html"><img src="portofino-restaurant-380x250.jpg"height="130" widht="130" />
      </figure>

      <figure>

      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Pubs & Discotheques</a></li>

      <a href="Index.html"><img src="brewing-curacao1-380x250.jpg" height="130" widht="130" /><a href="Index.html"><img src="loveland-WesterUnie-ADE-dj2dj_nl-380x250_c.jpg" height="130" widht="130" /><a href="Index.html"><img src="ob_8bdefc_cocktail-gin-framboise-blog.jpg" height="130" widht="130" /><a href="Index.html"><img src="58693_424225222827_15456537827_5067612_5213829_n-380x250_c.jpg"height="130" widht="130" />

      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Beauté & Bien-être</a></li>

      <a href="Index.html"><img src="images.jpeg" height="130" widht="130" /><a href="Index.html"><img src="soins-du-visage-380x250.jpg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (2).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (1).jpeg"height="130" widht="130" />

      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Cinéma & Theatre</a></li>

      <a href="Index.html"><img src="images (4).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (3).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (2).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (3).jpeg"height="130" widht="130" />
      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Loisirs & Sports</a></li>
      <a href="Index.html"><img src="téléchargement (7).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (6).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (5).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (8).jpeg"height="130" widht="130" />
      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Services</a></li>
      <a href="Index.html"><img src="images (15).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (14).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (13).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (13).jpeg"height="130" widht="130" />
      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Shoppings</a></li>
      <a href="Index.html"><img src="téléchargement (10).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (9).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (5).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (6).jpeg"height="130" widht="130" />
      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Voyages</a></li>
      <a href="Index.html"><img src="images (9).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (11).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (8).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (7).jpeg"height="130" widht="130" />
      </figure>

      <figure>
      <ul><div align="center">
      <font color="black" size="4" face="tahoma ">
      <li><a href="#">Ma région</a></li>
      <a href="Index.html"><img src="images (12).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (11).jpeg" height="130" widht="130" /><a href="Index.html"><img src="images (10).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (12).jpeg"height="130" widht="130" />
      </figure>

      </table>

      <footer>

      <ul><font color="black" size="1" face="">
      <color="black" size="1" face="tahoma ">
      <li><a href="#">A propos de exemple</a></li>
      <li><a href="#">Travailler avec exemple</a></li>
      <li><a href="#">Services Membres</a></li>
      <li><a href="#">Protection des données personnelles</a></li>
      <li><a href="Conditions Générales.html"> Conditions générales</a></li>
      <li><a href="Cookies.html">Cookies</a></li>
      </font>

      </footer>
      <div id="banner1">

      </div>
      </body>

      </html>
      0