[CSS] Attribut SRC d'une IMG Résolu/Fermé

Question

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 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 :)

Jonaze · Accepted Answer

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

Dalida · Answer

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);
}

kij_82 · Answer

Mince c'est bien ce que je craignais...
Tu me conseillerais quoi comme balise pour remplacer mon tag <IMG> ?

Dalida · Answer

ça dépend ! soit ton image fait partie intégrante du contenu et il faut garder la balise ''. 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 (

) ou d'une division (

), par exemple.

kij_82 · Answer

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.

Knard · Answer

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

[CSS] Attribut SRC d'une IMG

6 réponses

Discussions similaires