Bilder schwarz = farbig "ROLL OVER"

dasill · 21.08.2010

Hallo Leute?
Ich bin mir gerade eine Homepage am erstellen & wollte was machen? nur hab ich ehrlichgesagt KEIN PLAN wie das funktioniert?

Ich will ca. 5 kleine Bilder auf der Page erstellen alles schwarz & mit einem weissem Rand damit man es sieht sobald man auf eins der 5 Bilder drauf geht ?ohne zu klicken? soll es farbig werden & bisschen grösser? & kann es natürlich anklicken? damit man dann auf die Seite geht?

Eigentlich sind?s ja nur 2 Bilder 1x schwarz mit weissem Hintergrund & das andere wenn man draufgeht farbig ?grösser? beide Bilder aber gleichgross ausschneiden? so wie ein ROLL OVER Effekt oder eher doch nicht :S?!

Hoffe kann mir einer helfen :rolleyes:

mfg

HansHansa · 21.08.2010

AW: Bilder schwarz = farbig "ROLL OVER"

Das wird meistens mit einem Bild gemacht, das hoch und runter schiebt.
Ich suche es mal heraus.

Edit:
http://www.drweb.de/magazin/css-2-schnelle-rollover-menus-ohne-preload/

Mußt die Größe halt nur auf das größe Bild anpassen.

dasill · 21.08.2010

AW: Bilder schwarz = farbig "ROLL OVER"

danke...
nur hab ich was anderes gesucht... ich will das mein Bild sich nach oben bewegt wenn man mit der maus drüberfährt & wenn man mit der maus weg geht soll es wieder rein... habs geschaft nur weis ich nicht wie man das ganze nach oben macht statt seitlich

eigentlich wie ein ROLL OVER einfach dases nicht so bleibt sondern das Bild geht rauf "Maus ist auf dem Bild" & wieder runter "Maus geht weg"

dasill · 22.08.2010

AW: Bilder schwarz = farbig "ROLL OVER"

sry ... der Link ist TOP dachte es sei das aber wahr doch mein fehler...

SCRIPT:

<script type="text/javascript">

</script>

& die Daten:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<center> <td colspan="2" rowspan="2">
<a href="../media.htm" target="I1"
onclick="changeImages('index_11', 'images/index_11-down.gif');"
onmousedown="changeImages('index_11', 'images/index_11-down.gif'); return true;"
onmouseup="changeImages('index_11', 'images/index_11-over.gif'); return true;"
onmouseover="changeImages('index_11', 'images/index_11-over.gif'); return true;"
onmouseout="changeImages('index_11', 'images/index_11-out.gif'); return true;">

<img name="index_11" src="images/index_11.gif" width="89" height="126" border="0" alt=""></a></td>
</center>
</body>

Zum Vergrößern anklicken....