Besoin d'un conseil svp

enzo0000 Messages postés 6 Statut Membre -
enzo0000 Messages postés 6 Statut Membre - 15 déc. 2015 à 09:15

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

Afficher la suite

1 réponse

Réponse 1 / 1
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention 4 832

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 Messages postés 6 Statut Membre
  
  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
  1. jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention 4 832 > enzo0000 Messages postés 6 Statut Membre
    
    As 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
2. enzo0000 Messages postés 6 Statut Membre
  
  bonjour jordane
  
  je vais essayer et te mettre le code complet de la page
  
  0
3. enzo0000 Messages postés 6 Statut Membre
  
  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
4. enzo0000 Messages postés 6 Statut Membre
  
  <!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="télé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="télé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="télé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="télé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="téléchargement (7).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (6).jpeg" height="130" widht="130" /><a href="Index.html"><img src="téléchargement (5).jpeg" height="130" widht="130" /><a href="Index.html"><img src="télé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="télé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="téléchargement (10).jpeg" height="130" widht="130" /><a href="Index.html"><img src="télé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="télé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="télé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

Newsletters