Sujet Précédent Sujet Suivant

Besoin d'un conseil svp

Fermé
enzo0000 Messages postés 5 Date d'inscription lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015 - 14 déc. 2015 à 16:47
enzo0000 Messages postés 5 Date d'inscription lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015 - 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

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38195 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 mai 2024 4 675
14 déc. 2015 à 21:41
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 lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015
14 déc. 2015 à 23:55
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 38195 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 mai 2024 4 675 > enzo0000 Messages postés 5 Date d'inscription lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015
15 déc. 2015 à 00:04
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 lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015
15 déc. 2015 à 09:01
bonjour jordane

je vais essayer et te mettre le code complet de la page
0
enzo0000 Messages postés 5 Date d'inscription lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015
15 déc. 2015 à 09:13
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 lundi 14 décembre 2015 Statut Membre Dernière intervention 15 décembre 2015
15 déc. 2015 à 09:15
<!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