menu mouse over

[fransjew]

Goede nacht iedereen (A)

ik ben sinds kort bezig met het maken van een website.
en nu loop ik tegen het volgende probleem aan.

ik ben gewoon begonnen met het maken van een index pagina.
op die index pagina heb ik een achtergrondje gemaakt en in het center van de pagina een iframe, met de bedoeling dat de achtergrond blijft staan en in het iframe de pagina's van de site openen.

ik heb vervolgens in cs4 een leuk menu gemaakt.
en omdat ik een bepaald lettertype wou heb ik dus meerdere afbeeldingen gemaakt in totaal 10 voor 5 links (A)
ik heb de Hoofd-afbeelding op de index pagina geplaatst en nu wil ik graag dat wanneer ik met mijn cursor op home ga staan het plaatje veranderd in het plaatje waar ik de home oranje heb gemaakt.

ik heb dit een hele lange tijd geleden al wel is eerder gedaan en het staat me iets van bij dat ik dan te maken kreeg met een Y en X coordinaat.

ik kan nergens een script vinden dat ik snap dus graag jullie hulp

Alvast heel erg bedankt

 

[fritzi]

Hier is een eenvoudig script: rollover

Succes!

 

[jhorie]

Je kan het ook met css doen.

#plaatje_id { background-image: url("de url"); }
#plaatje_id:hover { background-image: url("Wanneer je met je muis er over heen gaat"); }

Zoiets

Veel succes

 

[ErikBooy007]

@Fritzi, je geeft niet zoveel om valid HTML? En laadtijden? En dataverkeer?

Eigenlijk de enige juiste manier om dit te bereiken, is zoals jhorie al zegt: CSS. Twee regels in een stylesheet tegenover een JavaScript van 4kB, die je HTML invalid maakt en 5% van je bezoekers (en dat is vrij veel), zal de rollover niet kunnen zien omdat ze JavaScript uit hebben staan.