anzeige

src tag via css ändern


Seite: 1 2
Autor Beitrag
Abgemeldet
24.07.08 - 11:38:25 Uhr

 Hallo,
ich habe im chat schon nachgefragt aber die wussten es leider auch nicht. ich habe mehrere bilder für meine navi und wollte per css das so einstellen, dass wenn man drüber geht ein anderes bild erscheint.

zbs: <img src="bild.jpg" titel="Home" />
img[titel="Home"] { src:url(anderesBild.jpg) }

leider funktioniert das beispiel nicht aber es wäre das was ich mir vorstellen könnte.

weiß jemand einen Rat?
mfg
Gunni
24.07.08 - 12:00:17 Uhr

 Eine Änderung, wenn man mit der Maus darüber fährt, kannst du mit der :hover -Pseudo-Klasse erstellen.

  1. <style type="text/css">  
  2.   #img1:hover {  
  3.     src:"foo.ext"  
  4.   }  
  5. </style>  
  6. <img id="img1" title="bar" src="baz.ext" />  


Dieser Code ist allerdings nicht gestestet. Ich bin mir auch nicht sicher, ob man das src-Attribut via CSS festlegen kann, und falls ja, ob ich das hier richtig gemacht habe.
Abgemeldet
24.07.08 - 12:01:26 Uhr

 also das mit hover ist ja kein problem...wie schaffe ich es aber den "src tag via css zu ändern"?? so wie in deinem beispiel gehts leider nicht
mfg
ixiter
24.07.08 - 12:38:53 Uhr

 src:bla.jpg gibts nicht für das img tag.
Du kannst ein transparentes gif verwenden und für die img id eine Hintergrundgrafik anzeigen. Die kannst du mit hover ändern.

  1. img#bla {  
  2.   background:url(bild1.jpg);  
  3. }  
  4. img#bla:hover {  
  5.   background:url(bild2.jpg);  
  6. }  
  7.  
  8. <img id="bla" src="trans.gif" width="50" height="50" alt="hover image" />  



________________
Durchsuch die Pytal Userseiten
Tipp für Windows Profis: echo >>c:\autoexec.bat shutdown -r -f -t 0
Abgemeldet
24.07.08 - 14:05:43 Uhr

 danke ixiter hat geklappt
feuerfuchs
24.07.08 - 19:01:29 Uhr

 ...was hat dann das <img>-Tag überhaupt noch für einen Sinn?

_________
Benutzt den Pytal-Chat!
PyFix
RSS-Feed
BeCeeF
24.07.08 - 19:21:52 Uhr

 Es vermittelt dem Browser oder was auch immer, dass da ein Bild ist, das zum Inhalt gehört, also relevant ist und nicht nur dem Design dient.
Irgendwie scheinen sich die wenigsten bewusst zu sein, dass HTML eine Auszeichnugssprache ist und mit Aussehen nix am Hut hat.
Gunni
24.07.08 - 19:56:54 Uhr

 Da muss ich dir aber widersprechen: das transparente Bild gehört mit Sicherheit nicht zum Inhalt, ist für diesen nicht relevant und dient in diesem Beispiel absolut nur dem Design.
ixiter
24.07.08 - 20:00:35 Uhr

 Ich hab hier auch noch ne Dose Erbsen.
Falls jemand zählen möchte?
Korinthen müssten auch noch irgendwo sein.

@feuerfuchs. Stimmt, man könnte auch ein div oder sonstwas nehmen. Aber es wurde nach einer Lösung für img gefragt.

________________
Durchsuch die Pytal Userseiten
Tipp für Windows Profis: echo >>c:\autoexec.bat shutdown -r -f -t 0
feuerfuchs
24.07.08 - 20:14:01 Uhr
Zitat von Gunni:
Da muss ich dir aber widersprechen: das transparente Bild gehört mit Sicherheit nicht zum Inhalt, ist für diesen nicht relevant und dient in diesem Beispiel absolut nur dem Design.

Full Ack. (ihr wollt den Tippfehler gerade nicht sehen, aber ihr könnts euch denken...)

Zitat von ixiter:
Stimmt, man könnte auch ein div oder sonstwas nehmen. Aber es wurde nach einer Lösung für img gefragt.

Ja, sicher war auch nur an Diskussionsansatz, weil es mich interessiert hat, wieso er das brauchen kann.

_________
Benutzt den Pytal-Chat!
PyFix
RSS-Feed
Seite: 1 2

- Obige Beiträge stellen keine Äußerung oder Meinung von Pytal oder dessen Betreiber dar -