18073 sujets

Questions générales et questions de débutants

[Résolu] Problème affichage photos en ligne

Pour commencer bonjour a tous

Voilà mon problème
J’ai une page avec des photos
Miniatures (gif)=> photos(jpg) taille réelle
<a href="alais/2.jpg"><img src="miniala/2.gif"></a>
En local aucun problème tout marche a merveille
Mais une fois en ligne certaine miniature ne s’affiche pas (4sur10)
Et quand ont clic dessus certaine photos en taille réel ne s’affichent pas d’autre sont super laide par rapport à l’original et d’autre s’affiche bien
Certaine miniature s’affiche sur IE mais pas sous Firefox
Comme certaine photos passe sous Firefox mais pas IE
Si vous avez des idées je suis preneur
Merci
P@uLo
Modifié par P@uLo (04 Nov 2005 - 22:10)
J'i est bien pensée
mais le souci c’est que cette page est avec accès restreint
et sa m’ennuis de donner le passe sur un forum
je sais que les éléments que je donne sont petits
merci quand même pour l’aide
oui c'est vrai Smiley cligne 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="g_img.js"> </script>
<title>---Alaïs---</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td background="images/bgGauche.jpg" class="bgnorepeatGauche">&nbsp;</td>
    <td width="752" valign="top" background="images/bgFrame.jpg"><table width="752" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="20" background="images/menu.jpg"><table height="20" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            
            <td><img src="images/separateur.gif" width="2" height="20"></td>
            <td width="60" class="menu"><div align="center"><a href="index.htm">Accueil</a></div></td>
            <td><img src="images/separateur.gif" width="2" height="20"></td>
            <td width="65" class="menu"><div align="center"><a href="Artistes.htm">Artistes</a></div></td>
            <td><img src="images/separateur.gif" width="2" height="20"></td>
            <td width="55" class="menu"><div align="center"><a href="Photos.htm">Photos</a></div></td>
            <td><img src="images/separateur.gif" width="2" height="20"></td>
            <td width="80" class="menu"><div align="center"><a href="Partenaires.htm">Partenaires</a></div></td>
            <td><img src="images/separateur.gif" width="2" height="20"></td>
            <td width="55" class="menu"><div align="center"><a href="Contact.htm">Contact</a></div></td>
            <td><img src="images/separateur.gif" width="2" height="20"></td>
			<td width="55" class="menu"><div align="center"><a href="Livreor.htm">Livre d'Or</a></div></td>
            <td><img src="images/separateur.gif" width="2" height="20"></td>

           
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="193"><img src="images/header.jpg" width="752" height="193"></td>
      </tr>
      <tr>
        <td height="383" valign="top" background="images/bgtexte.jpg" class="bgnorepeat"><table width="360" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="top"><p align="center" class="texte"><img src="images/titre.gif" width="220" height="18"><br>
&nbsp;              </p>
<table width="360" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td background="images/fondTitre.jpg"class="titre">La Miss Alaïs</td>
                </tr>
              </table>
              <p align="center"class="texte" >petite série du 29/10/05
			   </p>
			  <p><center><border=0><a href="alais/1.jpg"><img src="miniala/1.gif"</a>
			  <a href="alais/2.jpg"><img src="miniala/2.gif"></a>
			  <a href="alais/3.jpg"><img src="miniala/3.gif"></a>
			  <a href="alais/4.jpg"><img src="miniala/4.gif"></a>
			  <a href="alais/5.jpg"><img src="miniala/5.gif"></a>
			  <a href="alais/6.jpg"><img src="miniala/6.gif"></a>
			  <a href="alais/7.jpg"><img src="miniala/7.gif"></a>
			  <a href="alais/8.jpg"><img src="miniala/8.gif"></a>
			  <a href="alais/9.jpg"><img src="miniala/9.gif"></a>
			  <a href="alais/10.jpg"><img src="miniala/10.gif"></a>
			  <a href="alais/11.jpg"><img src="miniala/11.gif"></a>
			  <a href="alais/12.jpg"><img src="miniala/12.gif"></a></center></p>
			  <p align="center" class="texte"><span class="titre"><a href="#"><img src="images/fleche.gif" width="22" height="22" border="0"></a></span></p>
			  <p><center><a href="alais/13.jpg"><img src="miniala/13.gif"></a>
			  <a href="alais/14.jpg"><img src="miniala/14.gif"></a>
			  <a href="alais/15.jpg"><img src="miniala/15.gif"></a>
			  <a href="alais/16.jpg"><img src="miniala/16.gif"></a>
			  <a href="alais/17.jpg"><img src="miniala/17.gif"></a>
			  <a href="alais/18.jpg"><img src="miniala/18.gif"></a>
			  <a href="alais/19.jpg"><img src="miniala/19.gif"></a>
			  <a href="alais/20.jpg"><img src="miniala/20.gif"></a>
			  <a href="alais/21.jpg"><img src="miniala/21.gif"></a>
			  <a href="alais/22.jpg"><img src="miniala/22.gif"></a>
			  <a href="alais/23.jpg"><img src="miniala/23.gif"></a>
			  <a href="alais/24.jpg"><img src="miniala/24.gif"></a></center></p>
			  <p align="center" class="texte"><span class="titre"><a href="#"><img src="images/fleche.gif" width="22" height="22" border="0"></a></span></p>
			  <p><center><a href="alais/25.jpg"><img src="miniala/25.gif"></a>
			  <a href="alais/26.jpg"><img src="miniala/26.gif"></a></center></p>
              
              <p align="center" class="texte"><span class="titre"><a href="#"><img src="images/fleche.gif" width="22" height="22" border="0"></a></span></p>
              <p class="texte">&nbsp;</p></td>
          </tr>
        </table>
    </table>
    <td background="images/bgDroit.jpg" class="bgnorepeatDroit">&nbsp;</td>
  
  <tr>
    <td class="bgnorepeatGauche">&nbsp;</td>
    <td height="20" valign="top" background="images/bgFrame.jpg" class="texte"><div align="center"></div>
    <td class="bgnorepeatDroit">&nbsp;</td>
</table>
</body>
</html>

Modifié par P@uLo (01 Nov 2005 - 10:49)
Bonjour,

Pourrais-tu éditer ton message ci-dessus et baliser ton code avec [ code]... [ /code] ? Cela améliorera nettement sa lisibilité Smiley cligne

Sinon, dans ce petit jeu de devinettes, il y a beaucoup de causes possibles : la manière dont le serveur adresse les images, la feuille de style, la qualité des images elles-mêmes...

Mais cela ira certainement déjà beaucoup mieux avec un code HTML validé, en commençant par corriger cette balise img incomplète :
<p><center><border=0><a href="alais/1.jpg">[b]<img src="miniala/1.gif"[/b]</a>


Règle n°1 : toujours s'adresser en premier au validateur HTML en cas de problème. Pour une page en accès restreint inaccessible au validateur en ligne, faire un copié-collé du code dans le validateur, ou utiliser l'option valider d'Opera, ou son équivalent dans je ne sais plus quelle extension Firefox. Ou utiliser Tidy en local, etc.
Modifié par Laurent Denis (01 Nov 2005 - 10:52)
C’est vrai pour la première ligne c’est corriger même le boder n’a rien a faire-la
Pour la validation j’aurais aimé que les images passent toute avant de l’attaquer
Histoire de tout faire en même temps
Ce que je ne comprends pas c’est si toutes les images ne passent pas sa viens de mon code
Mais la une grand partie de mes miniatures passe et pas l’autre
Comme une grande partie de mes photos ne passe pas
Et celle qui passe sont laides par r’apport a l’original
Et en plus sa dépend du navigateur une photo va s’afficher sur IE mais pas FX
Et vice versa
Dite je me demande si le problème ne vient pas de mon hébergeur (free)
J’ai redimensionné mes photos pour quelle sois légère comme une feuille au vent
Mais rien y fait
En même temps j’arrive pas a comprendre pourquoi certaines passe et pas d’autre
Que se soit les vignettes ou les photos
Et pourquoi certaines sont tronquées
La je comprends pas
a écrit :
En local aucun problème tout marche a merveille
Mais une fois en ligne certaine miniature ne s’affiche pas (4sur10)

huuummmm ... ça, ça pue le problème d'extension à plein nez! lol

Certains serveurs font la différence entre majuscules et minuscules. Donc un fichier qui se nomme "photo.gif" n'est pas le même que "photo.GIF" par exemple. En local, ça passe bien, mais uen fois sur le serveur, plus d'image ! Smiley ohwell

Dans tes pages web, essaies de modifier ton code en remplaçant les .gif en .GIF pour les images qui ne s'affichent pas en ligne Smiley cligne
Bon j’avance
Les vignettes s’affichent enfin toutes
Un problème de compression je pense vue que c’est avec mes petits doits boudiné que je l’ai avais faites
J’ai trouvé un petit prog (Iseult) qui ma fait ça a merveille
Donc les photos doivent avoir le même problème
Je vous tien au courant de la suite de l’aventure
Pour dévellopé un peu plus les propos de Pandore :

Vérifie que tes image sois déjà bien à leur place avec le bon lien, puis qu'elles ne contiennents aucuns caractère spéciaux tel que =>é, è, ê, ', ;, "; et pleins d'autres.

Que le nom de tes fichiers ne contiennent aucun espace.

Vérifie bien les extensions, peut etre qu'un JPG passera alors qu'un Jpeg non.

Pour résumé, utilise un nom standart (mini_image1.jpg et image1.jpg) et regarde si tout passe correctement. Essaye plusieurs possibilité.

Ensuite regarde aussi que tes photo ne soit pas brouillé. Je veux dire par la d'un problème lors du transfert en ftp (arrêt partiel de l'upload). Ou je veux dire aussi une mauvaise manipulation d'un fichiers (changement de l'extension) qui pourrais causer des dégats (ilisibilité de l'image sur un autre ordinateur).

Ce que tu peux aussi essayer, c'est de mettre toujours la même image qui fonctionne, de l'integrer à la place de toutes tes photos, puis au fur à mesure tu change les images, en t'arretant à chaque fois pour savoir ce qui aurai pu causer un problème (cf tout ce que j'ai ecris avant Smiley langue ).

A voir ton problème est résolu, mais j'avais envie de m'exprimer, et en même temps de proposer des points de vérification pour que quelqu'un qui cherche problèmes photo trouve Smiley cligne ++
Modifié par Super_baloo8 (03 Nov 2005 - 22:59)
Salut
Voilà j’ai réussi à réglé mon problème
C’est une avec Iseult j’ai fait mais petit réglage et tout marche à merveille
Merci a tous ceux qui mon aidé
Sujet clos
Aller à