Mon image ne s'affiche pas

**Jean Sympa** · 12/04/2015, 09h36

Mon image ne s'affiche pas

Je suis débutant. Je ne sais pas utiliser CODE;

J'ai placé mon fichier html dans un dossier et une image dans un sous dossier images
J'ai placé l'instruction suivante, entre les balises body

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="images/141102Lea.png" alt="Petite Léa" onclick="alert('C\'est Ma petite fille');"/>

L'extension de l'image est bien body.
Petite Léa s'affiche à la place de l'image.
C'est ma petite fille s'affiche dans une boîte.
Question
Pourquoi l'image ne s'affiche-t-elle pas*?
Que faut-il faire pour l'afficher*?

Avec mes remerciements
Cordialement
Papy

**headmax** · 12/04/2015, 09h41

L'extension de l'image est bien body.

Dans votre exemple il s'agit de l'extension .png, peut être votre erreur vient de là, a moins d'affichier tout le page html, votre image et a bonne endroit et le lien vers l'image et bien écrite.

**gustave02** · 12/04/2015, 09h50

bonjour
essais

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p>
	<img src="images/141102Lea.png" alt="Petite Léa" onmousedown="alert('C\'est Ma petite fille');"/>
</p>

@+gustave02

Invité · 12/04/2015, 10h51

Bonjour,
la syntaxe est correcte.

Il faut maintenant vérifier si le chemin relatif vers l'image l'est aussi.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
src="images/141102Lea.png"
src="../images/141102Lea.png"

(autre ?)

Sinon, avec le chemin absolu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="http://www.nom-de-ton-site.com/images/141102Lea.png"

**Jean Sympa** · 13/04/2015, 15h13

Merci à vous trois,

Le nom de l'image était différent dans le dossier images et dans l'instruction. Je l'ai copié dans le dossier images et collé dans l'instruction. J'autorise la page dans NoScript*; L'image s'affiche.

Partie 1
L'instruction placée dans mon premier message fonctionne.
Si je clique un fois, le message C'est ma petite fille apparaît une fois.
OK
Si je clique à nouveau le message devient
C'est ma première petite fille
Empêcher cette page d'ouvrir des dialogues supplémentaires
Je ne sais pas interpréter ce second message.
Partie 2
L'instruction proposée par gustave02 contient onmousedown
Si je clique sur l'image, le message C'est ma petite fille apparaît
OK
Comme précédement j'ai à l'affichage*: Empêcher cette page d'ouvrir des dialogues supplémentaires.
Je coche la case.
Je clique à nouveau, en maintenant la touche enfoncée, Une miniature de l'mage apparaît et suit les mouvements du curseur
Question
Le comportement de l'instruction est-il normal*?
Quel intérêt y a-t-il d'afficher la miniature de l'image*?
Cordialement
Papy

**gustave02** · 13/04/2015, 15h37

bonjour
c’était donc une simple erreur de nom de fichier. ca arrive.

tu utilise la boite de dialogue avec alerte donc il est normal que lorsque quelle apparait plus d'une fois on demande a l'internaute si veut ou pas avoir les alertes.

toi tu veux qu'un message qui décris ta photo apparaisse, moi je créer une fonction qui affiche un message et le fasse disparaitre sans passer par la boite alerte.
@+gustave02

je rajoute un petit exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<!DOCTYPE html>
<html>
	<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
	<script type="text/javascript">	
		function init(){// la fonction est appellé grace  a onload <body onLoad="init()">
			document.getElementById("texte").style.visibility = "hidden"; // efface le texte
		}
		function afficheTexte(){// quand on click sur l'image la fonction est déclenchée
			document.getElementById("texte").style.visibility = "visible"; // le texte deviens visible
			document.getElementById("texte").style.position = "absolute"; // je place le texte
			document.getElementById("texte").style.left = "100px"; // position sur axe des x
			document.getElementById("texte").style.top = "100px"; // position sur axe des y
			setTimeout("init()",3000);// au bout de 3 seconde (3000 milleme) la fonction init qui efface le texte sera appelé
			//ce n'est qu'une base tout peut etre amélioré
		}
	</script>	
	</head>
 
	<body onLoad="init()">
			<img src="images/1222Lea.png" alt="Petite Léa" onclick="afficheTexte()"/>
            <p id ="texte">C'est ma petite fille.</p>
	</body>
</html>

Mon image ne s'affiche pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager