[CSS] Attribut SRC d'une IMG
Résolu
kij_82
Messages postés
4102
Date d'inscription
Statut
Contributeur
Dernière intervention
-
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 :)
--
~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~
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 :)
--
~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~
Configuration: Windows XP Firefox 2.0.0.6
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 -
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 :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>-
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 -
-
-
Mince c'est bien ce que je craignais...
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.
-
Ok, j'en ai besoin pour faire des controls. Je garderai donc la balise image mais avec des controles javascipt et un load personnalisé avec un paramètre.
Merci pour ces informations.
