[CSS] Attribut SRC d'une IMG
Résolu
kij_82
Messages postés
4260
Statut
Contributeur
-
sami -
sami -
Bonjour,
Sur l'un de mes sites j'aimerais pouvoir avoir des images qui diffèrent selon pluslieurs style de css différents. J'utilise les balises <IMG> au sein de ma page HTML et je voulais donc savoir quelle était l'attribut css qui correspond au src="" de la balise IMG, afin de pouvoir écrire mes tags de la facon suivante :
Quelqun peut il m'aider ?
Merci beaucoup :)
Sur l'un de mes sites j'aimerais pouvoir avoir des images qui diffèrent selon pluslieurs style de css différents. J'utilise les balises <IMG> au sein de ma page HTML et je voulais donc savoir quelle était l'attribut css qui correspond au src="" de la balise IMG, afin de pouvoir écrire mes tags de la facon suivante :
<IMG class="toto">
Quelqun peut il m'aider ?
Merci beaucoup :)
A voir également:
- Img src css
- Img burn - Télécharger - Gravure
- Fichier img - Télécharger - Photo & Graphisme
- Img extractor - Télécharger - Animation
- Ouvrir .img ✓ - Forum Gravure
- Img href ✓ - Forum HTML
6 réponses
Si jamais, pour d'autres :
.imageTitle_FR { BACKGROUND-IMAGE: url(/images/titleAdvaSearchFR.gif);width:150px; height:24px; }
<img src="/images/trans.gif" class="imageTitle_FR" />
Simple :-)
Jonaze
www.aemc.net
.imageTitle_FR { BACKGROUND-IMAGE: url(/images/titleAdvaSearchFR.gif);width:150px; height:24px; }
<img src="/images/trans.gif" class="imageTitle_FR" />
Simple :-)
Jonaze
www.aemc.net
salut,
en CSS tu ne peux pas modifier l'attribut html 'scr'. tu peux le faire en JavaScript.
en CSS tu peux appliquer une image de fond à n'importe quelle balise :
en CSS tu ne peux pas modifier l'attribut html 'scr'. tu peux le faire en JavaScript.
en CSS tu peux appliquer une image de fond à n'importe quelle balise :
balise
{
background-image:url(monfichier.png);
}
En l'occurrence, si les images pour les "contrôles" n'ont pas besoin d'apparaitre lors d'une impression physique de la page, tu peux utiliser par exemple les balises span pour y associer un style.
CSS :
.button1 { width: 16px; height: 16; background-image: url('bouton1.png'); }
.button2 { width: 16px; height: 16; background-image: url('bouton2.png'); }
.button1:hover { width: 16px; height: 16; background-image: url('bouton1_hover.png'); } // survole bouton 1
.button2:hover { width: 16px; height: 16; background-image: url('bouton2_hover.png'); } // survole bouton 2
(X)HTML
<a href="action1" title="Faire ceci"><span class="button1"></span></a>
<a href="action2" title="Faire cela"><span class="button2"></span></a>
CSS :
.button1 { width: 16px; height: 16; background-image: url('bouton1.png'); }
.button2 { width: 16px; height: 16; background-image: url('bouton2.png'); }
.button1:hover { width: 16px; height: 16; background-image: url('bouton1_hover.png'); } // survole bouton 1
.button2:hover { width: 16px; height: 16; background-image: url('bouton2_hover.png'); } // survole bouton 2
(X)HTML
<a href="action1" title="Faire ceci"><span class="button1"></span></a>
<a href="action2" title="Faire cela"><span class="button2"></span></a>
salam khoya
ana yalah fi html
brete nder les images sa3a ma3tanwi walo darte had chi :
<html>
<head>
<title> Images </title>
</head>
<body bgcolor=blue>
< Img src="1.htm.jpeg"> <br>
< Img src="2.htm.gif"> <br>
< Img src="3.htm.jpg"> <br>
< Img src="4.htm.jpg"> <br>
</body>
</html>
sa3a mani darte actualiser ma3tani walo
ana yalah fi html
brete nder les images sa3a ma3tanwi walo darte had chi :
<html>
<head>
<title> Images </title>
</head>
<body bgcolor=blue>
< Img src="1.htm.jpeg"> <br>
< Img src="2.htm.gif"> <br>
< Img src="3.htm.jpg"> <br>
< Img src="4.htm.jpg"> <br>
</body>
</html>
sa3a mani darte actualiser ma3tani walo
Mince c'est bien ce que je craignais...
Tu me conseillerais quoi comme balise pour remplacer mon tag <IMG> ?
Tu me conseillerais quoi comme balise pour remplacer mon tag <IMG> ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ça dépend !
soit ton image fait partie intégrante du contenu et il faut garder la balise '<img>'. dans ce cas tu peux dynamiser les pages avec un langage serveur (php, asp…) ou du JavaScript qui vont faire varier la valeur de l'attribut 'src'.
soit ton image est purement décorative et tu peux la glisser en arrière plan d'un paragraphe (<p>) ou d'une division (<div>), par exemple.
soit ton image fait partie intégrante du contenu et il faut garder la balise '<img>'. dans ce cas tu peux dynamiser les pages avec un langage serveur (php, asp…) ou du JavaScript qui vont faire varier la valeur de l'attribut 'src'.
soit ton image est purement décorative et tu peux la glisser en arrière plan d'un paragraphe (<p>) ou d'une division (<div>), par exemple.
