HTML Rollover ?

Hallo iedereen,

Ik heb een probleempje, en het gaat eigenlijk over een rollover image.

Nu is het principe rollover wel bekend bij mij maar de standaard rollovers doen net niet wat ik zou willen.

Dit is de situatie:

Ik heb een plaatje met een poppetje erop, dat poppetje wijst ergens naar. Nu wil ik een menu maken waarbij ik, zodra ik over een item ga, het plaatje daar naartoe wijst. En wanneer je niet op een menu-item staat, dat het plaatje dan in de originele stand staat.

Mijn probleem is dan ook eigenlijk dat ik niet weet hoe ik verschillende rollover images op 1 positie kan krijgen. Dus dat de vervangende plaatjes op dezelfde positie komen te staan..

Hopelijk ben ik een beetje duidelijk en kan iemand mij wat verder helpen.

Alvast bedankt, DeKeuv

http://www.turntable-junkies.nl/inhoud/dj's.htm

Je bedoelt dit principe?

Ik zou zeggen flash

Uitspraak van verwijderd op vrijdag 16 december 2005 om 16:25:

▶

Je bedoelt dit principe?

Nou dat is een standaard rollover, zie het meer als het volgende.

Pak diezelfde site als voorbeeld.
Nu ga ik met mijn muis over het 2e plaatje, nu moet het 1e plaatje veranderen in een groen vlakje. Ga ik over het 3e plaatje, dan moet het 1e plaatje veranderen in een geel vlakje enzovoorts

Snappu

Uitspraak van DennisvandenBroek.nl op vrijdag 16 december 2005 om 16:35:

▶

Ik zou zeggen flash

diegene waarvoor het is wil ook later aanpassingen maken in de rest van de site, en flash is dan geen optie.

Daarnaast gaat er voor mij veel tijd in Flash zitten ben ik bang of heb je een mooie tutorial?

Uitspraak van DeKeuv op vrijdag 16 december 2005 om 16:37:

▶

diegene waarvoor het is wil ook later aanpassingen maken in de rest van de site, en flash is dan geen optie.

Clicktag

javascript, goed te doen

pleur plaatjes eens hierneer?

Zal hem even uploaden

Heeft alleen misschien weinig zin omdat het plaatje eerst aangepast moet worden het linkerdeel moet dus veranderen, het handje moet naar beneden gaan wijzen. En daarvoor wil ik dus de linkerhelft aan gaan passen.

Wil je het echt netjes maken dat hij exact naar je muiscursor wijst kun je dit het beste in Flash aanpakken.

Wil je het toch met onmouseover maken, dan moet je zelf de plaatjes maken waarin het poppetje naar een bepaalde link wijst (niet echt makkelijk). In die link definieer je onmouseover event waarin je dmv DHTML de url verandert van je image object.

Hoe dit laatste globaal moet kun je hier zien:

http://www.w3schools.com/js/tryit.asp?filename=try_dom_image_src

Uitspraak van narotic op vrijdag 16 december 2005 om 17:01:

▶

Wil je het toch met mouseovers maken, dan moet je zelf de plaatjes maken waarin het poppetje naar een bepaalde link wijst (niet echt makkelijk). In die link definieer je onmouseover event waarin je dmv DHTML de url verandert van je image object.

Het plaatje veranderen is het probleem niet echt. Dat kan ik nog wel.

Ik pak dan het linkerdeel van het plaatje zodat het niet nodig is dat het hele plaatje laadt.

Mijn probleem is dan, hoe krijg ik een rollover effect zover dat de linkerkant iedere keer op de zelfde positie, toch verschillende plaatjes kan vertonen zodra ik een andere button aanwijs.

Ik ben misschien te moeilijk aan het doen, maar als ik eenmaal iets wil..

Ik snap je niet meer

ik snap er ook geen zak van

rollover kan toch heel simpel met CSS, heb je ook geen javascript nodig. Mocht je het op elementen willen doen waarvoor IE geen :hover pseudoniem heeft, dan kan je dit gebruiken.

je kan ook de combinatie css en divjes gebruiken als je t leuk vind. Kan je een div over een bepaald deel v an de pagina tonen zodra je met je muis ergens overheen gaat.

mogelijkheden zijn in principe onbeperkt, de beperkende factor is je eigen creatieve gedachte

actionscript?