Bilderrahmen beim überfahren des Bilder

[Peter Kluge]

Hallo.

Ist es möglich einen Bilderrahmen anzeigen zulassen wenn man über das
betroffene Bild fährt?

Gruß Peter

 

[NC]

Onmouseover

 

[Peter Kluge]

Ehrlich gesagt wollte ich das schon gern über styles also css machen und außerdem nicht bei google suchen. wozu bräuchte man sonst dieses forum?

 

[pangu]

frag doch mal 'Hendrik', der hat das auf http://www.25peeps.com/ glaube ich so wie du dir das wünscht..!?

 

[Michael Bieri]

naja, keine Grosse sache:

CODE <img src="meinbild.jpg" alt="meinbild" class="bild_normal" onmouseover="this.className='bild_mitrahmen';" onmouseout="this.className='bild_normal';" />



Plus noch die passenden Styles natürlich..

 

[Peter Kluge]

Da ich unterschiedliche Bilder habe ist das schwierig dort das so einzusetzen. Ich bräuchte da also wirklich nur einen Rahmen um das Bild bei mouseover.

 

[Jürgen Auer]

Wenn das nicht per Klassen zu lösen ist, dann wird es an einer Stelle tüftelig:

Der Code

CODE document.getElementById('Name').setAttribute("style", "border:solid red 2px")


funktioniert - wie ich vor ein paar Tagen feststellen mußte - nicht im IE6.

Eine Alternative findet sich nun auf meiner Anleitung zum Erstellen von Ausgabeseiten. Dort gibt es unter 'Code generieren' die Maske mit der Farbvorauswahl per Popup. Im Quellcode steht die auch für den IE6 funktionierende Lösung drin:


CODE document.getElementById(_cur).style.border = '4px #ffffff solid';


- natürlich ist noch einiges an Rahmencode fällig.

 

[Michael Bieri]

QUOTE (pinmoney @ So 26.3.2006, 17:09) Da ich unterschiedliche Bilder habe ist das schwierig dort das so einzusetzen. Ich bräuchte da also wirklich nur einen Rahmen um das Bild bei mouseover.

Hmm, du musts lediglich ein eigene Klasse für diese Bilder anlegen, dann sollte das so klappen..


CODE
img.bild_normal { border:0px;}
img.bild_mitrahmen {border:1px solid red;}



Wenns den bescheuerten IE6 nicht gäbe, dann wäre das sogar ganz einfach ohne Onmouseover zu realisieren, und zwar so:


CODE
img.bild_normal { border:0px;}
img.bild_normal:hover {border:1px solid red;}

 

[Jürgen Auer]

QUOTE Hmm, du musts lediglich ein eigene Klasse für diese Bilder anlegen, dann sollte das so klappen..


Das Problem bei dieser Lösung ist, daß sie voraussetzt, daß alle Bilder entweder noch keine oder dieselbe Klasse verwenden.

Wenn man das auf einige Objekte anwenden will, die bereits verschiedene Klassen haben und man nicht zu jeder Klasse ein hover definieren will, dann ist die Manipulation der style-Eigenschaft einfacher, weil deren Werte dazugefügt werden.