Résolu Problème avec des photos en html

Solutions (6)
Tags :
  • photo
  • Html
  • Rel
  • Lightbox
  • Programmation
|
Bonjour,
je créer actuellement mon site et je rencontre un problème, en effet j'ai installer un code permettant de passer d'une mignature a une grande photo de façon assez jolie ... désoler pour la mauvaise description
voici ma page ou j'ai installer les photos sauf que au lieu d'avoir des mignatures qui s'ouvre j'ai des liens ...
voici le code source que j'ai utiliser
  1. div id="page">
  2. <div id="page-bgtop">
  3. <div id="page-bgbtm">
  4. <div id="content">
  5. <b>Cliquez sur les descriptions ci dessous pour afficher les photos (vous pouvez les faires défiler)</br>
  6. <a href="images/1.jpg" rel="lightbox[roadtrip]">le salon</a><br>
  7. <a href="images/2.jpg" rel="lightbox[roadtrip]">le lit double</a><br>
  8. <a href="images/3.jpg" rel="lightbox[roadtrip]">la chambre avec deux lits simple</a><br>
  9. <a href="images/4.jpg" rel="lightbox[roadtrip]">vue</a><br>
  10. <a href="images/5.jpg" rel="lightbox[roadtrip]">dans le parc</a><br>
  11. <a href="images/6.jpg" rel="lightbox[roadtrip]">vue</a><br>
  12. <a href="images/7.jpg" rel="lightbox[roadtrip]">dans le parc</a><br>
  13. <a href="images/8.jpg" rel="lightbox[roadtrip]">vue</a><br>
  14. <a href="images/9.jpg" rel="lightbox[roadtrip]">dans le parc</a><br>
  15. <a href="images/10.jpg" rel="lightbox[roadtrip]">une des 2 piscine privée</a><br>
  16. <a href="images/11.jpg" rel="lightbox[roadtrip]">jeu pour enfants</a><br>
  17. <div style="clear: both;"> </div>
  18. </div>


Voila si quelqu'un pourrait me dire ou est-ce que cela bloque
merci d'avance
Contenus similaires
Meilleure solution
partage
|
Bonjour,

  1. <a href="images/1.jpg" rel="lightbox[roadtrip]"><img src="images/miniature1.jpg" alt="" title="" /></a>



Bonne continuation!
  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par abres1.
  • Commenter cette réponse |
Score
0
òh
òi
|
Bonjour,
merci beaucoup beaucoup sa rend super bien ! :) 

  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
allstar27 a dit :
Désolé j'avais oublié d'ajouter ".jpg".

Tu entres le lien FTP de ton image pour chaque image... Si tu ne veux pas créer de miniatures pour chaque images rajoute width="50px" height="50" dans la balise <img> et tu mets le lien de ton image normal!

A noter que si tu as de grosses images, le mieux est de faire des mignatures, parce que sinon ta page risque d'être super longue à charger.
Tu as des outils en PHP pour créer automatiquement des miniatures d'images si tu n'as pas envie de les faire manuellement.
  • Commenter cette réponse |
Score
0
òh
òi
|
Désolé j'avais oublié d'ajouter ".jpg".

Tu entres le lien FTP de ton image pour chaque image... Si tu ne veux pas créer de miniatures pour chaque images rajoute width="50px" height="50" dans la balise <img> et tu mets le lien de ton image normal!
  • Commenter cette réponse |
Score
0
òh
òi
|
merci beaucoup :) 
juste :
la partie :"images/miniature" est-ce que il faut référencer le lien d'une miniature de l'image sur le serveur, ou la miniature s' affiche toute seul ?
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS