Rechercher : dans
Par :

Affichage conditionnel d'image

Dernière réponse le 29 mai 2007 à 22:54:21 bic, le 27 mai 2007 à 17:18:45 
 Signaler ce message aux modérateurs

Bonjour, je commence la création de mon premier site web, par conséquent bien qu'étant en bac+2, je n'y connais pas grand chose en dev web.
Voici mon problème:
J'ai sur ma page, une liste de liens aficher les un en dessous des autres.
Je voudrais un moyen pour mettre AUTOMATIQUEMENT une image "site en construction" à côté d'un lien à partir du moment où la page web associé à ce lien n'existe pas (dans le dossier où se trouve mes page)
Je supose qu'il faut mettre un bout de code C cherchant le fichier dans le dossier et affichant l'image s'il n'existe pas (boucle if else).

Merci.

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « Affichage conditionnel d'image » dans :
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...

1

gryzzly, le 27 mai 2007 à 17:38:25

Plusieurs solutions :

1) ne met pas d'image, mais indique la construction :

<a href="#" title="page en construction">nom du lien</a>

2) mise en page <div> + css
tu mets tous les liens en construction dans un div :
<div class="construction"><a>nom du lien</a></div>

et ta css :
.construction a
{
background: url("../img/image.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
}


3) un mix des deux

4) surement d'autres moyens... mais ce n'est plus de mon recours

Répondre à gryzzly

2

bic, le 28 mai 2007 à 21:02:34

Merci de la réponse mais j'ai encore des progrès à faire.
Voici mon code
<HTML>
<BODY>
<CENTER><FONT SIZE=7><I><B> Le Portail De La Prod</CENTER></I></B></FONT>
<BR>
<A HREF="cpfr.html" TITLE="page en construction" TARGET="self"> L'univers du CPFR </A>
<BR>
<A HREF="cprouteur.html" TARGET="self"> L'univers du CP Routeur </A>
<DIV CLASS="construction"><A>cpfr.html</A></DIV>
.construction
{
background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projet ITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
} </BODY>
</HTML>

Et voici le résultat:
Le Portail De La Prod
L'univers du CPFR
L'univers du CP Routeur
cpfr.html
.construction { background: url("C:\Documents and
Settings\Administrateur\Bureau\FT\Pré-projet ITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */ }

Répondre à bic

3

julplemet, le 28 mai 2007 à 21:19:28

Ce que tu as écrit ne veut rien dire car tu as sorti le code CSS de la zone qui lui est réservée et il donc interprété comme du simple texte par le navigateur
pour la <DIV> tu dois mettre:

<HTML>
<HEAD>
<STYLE TYPE="text/css">
.construction
{
background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projet ITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="construction">Texte</DIV>
</BODY>
</HTML>

Répondre à julplemet

4

bic, le 29 mai 2007 à 22:40:26

Merci beuacoup je me coucherai moins bête ce soir. Par contre, l'image ne s'affiche pas. Malgré ce code Pourquoi?

<HTML>
<HEAD>
<STYLE TYPE="text/css">
.construction
{
background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projetITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
}
</STYLE>
</HEAD>

<BODY LINK="navy" VLINK="purple" BGCOLOR="orange">
<A HREF="rolecpfr.html" TARGET="corps"> Qu'est ce que le CPFR </A>
<BR>
<A HREF="bibliothèquecpfr.html" TARGET="corps"> Les documentations techniques du CPFR </A>
<BR>
<A HREF="outilscpfr.html" TARGET="corps"> Les outils du CPFR </A>
<BR>
<A HREF="index.html" TARGET="_top"> Retour ausommaire </A>
<BR>
<DIV CLASS="construction">Toutes ces pages sont en cours de développement!!</DIV>
</BODY>

</HTML>

Répondre à bic

5

 RAD ZONE, le 29 mai 2007 à 22:54:21

SALUT

tu teste ton site en local ??
parceque si c est online l erreur vient du lien !!! il pointe sur ton pc et pas chez ton hebergeur!!

 background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projetITIN\uttrav11.jpg


si il est chez to hebergeur et en suposant que tu la mis dans un dossier "images" il doit ressembler a ca
 background: url("images/uttrav11.jpg


RAD

Répondre à RAD ZONE