High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[CSS] Attribut SRC d'une IMG

Dernière réponse le 8 jan 2009 à 10:51:46 kij_82, le 2 sep 2007 à 17:23:26 
 Signaler ce message aux modérateurs

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 : 

 <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

Meilleures réponses pour « [CSS] Attribut SRC d'une IMG » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[Gravure] Graver ou lire un fichier .IMG / .CCD / .SUB VoirLes fichiers portant une extension .img, .ccd et .sub sont respectivement : IMG : une image de CD, c'est-à-dire une copie binaire d'un CD ou d'un DVD sous forme d'un fichier CCD et SUB : informations sur les pistes du disque. Les fichiers...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.topstyle4.com/
Télécharger IMG-Extracteur VoirDes fichiers icônes se cachent sur votre disque dur, dans des endroits que vous ne soupçonneriez même pas. Mais pour les trouver, il faut le bon outil ou avoir des connaissances approfondies en Informatique. IMG-Extracteur est un programme permettant...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Posez votre question Répondre

1

Dalida, le 2 sep 2007 à 17:25:43
  • +2

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

[ Mathieu ] 
Il y a surement des pandas pour ne dépendre de rien

   
Répondre à Dalida

2

kij_82, le 2 sep 2007 à 17:42:38

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

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Configuration: Windows XP
Firefox 2.0.0.6

   
Répondre à kij_82

3

Dalida, le 2 sep 2007 à 17:47:31

ç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.
[ Mathieu ] 

Il y a surement des pandas pour ne dépendre de rien

   
Répondre à Dalida

4

kij_82, le 3 sep 2007 à 13:11:48

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.
~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Configuration: Windows XP
Firefox 2.0.0.6

   
Répondre à kij_82

5

 Knard, le 8 jan 2009 à 10:51:46
  • +3

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>

   
Répondre à Knard
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net