Besoin d'un conseil svp

enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   -  
enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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
enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
bonjour jordane

je vais essayer et te mettre le code complet de la page
0
enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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
enzo0000 Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
<!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