Lastige roll-overs

[Passenger]

Ik zal eerst ff een plaatje plakken, dat maakt het geheel wat duidelijker:



Hierboven dus een site, met 3 knoppen. Dit knoppen moeten dus mouseovers worden, maar hoe kan ik dit nou het beste aanpakken? Opdelen of rasteren zou een optie zijn, maar dan krijg je een stuk of 5 rollovers voor 1 knop, dat schiet niet echt op. Ik dacht zelf aan DIVjes, maar dat vinden netschaap achtige browsers natuurlijk weer niet echt lekker.

Zijn dr nog mensen met slimme oplossingen??

[Thijsmans]

Is het niet mogelijk layers te gebruiken, die op bepaalde plekken transparant zijn? dat zou het niet moeilijk maken.

[Verwijderd]

Of met hotspots het hele plaatje laten swappen,

/me vind hotspot frontpage achtig klinken, hotspots ook al lang niet meer gebruikt

[Pelle]

Op donderdag 06 december 2001 17:51 schreef Tu-Tone het volgende:
Ik dacht zelf aan DIVjes, maar dat vinden netschaap achtige browsers natuurlijk weer niet echt lekker.

Jawel hoor.. even snel:

code:

function returnLayerCall (layerName) {
    if (document.getElementById) return document.getElementById(layerName).style;
    elseif (document.all) return document.all[layerName].style;
    elseif (document.layers) return document.layers[layerName];
}

theLayer = returnLayerCall('blaat');
theLayer.visibility = 'hidden'; // of 'visible', wat jij wilt

Ervanuitgaande dat je een <div> hebt met id='blaat' moet dit gewoon werken.

[Passenger]

Op donderdag 06 december 2001 18:01 schreef Pelle het volgende:

[..]

Jawel hoor.. even snel:

code:

function returnLayerCall (layerName) {
    if (document.getElementById) return document.getElementById(layerName).style;
    elseif (document.all) return document.all[layerName].style;
    elseif (document.layers) return document.layers[layerName];
}

theLayer = returnLayerCall('blaat');
theLayer.visibility = 'hidden'; // of 'visible', wat jij wilt

Ervanuitgaande dat je een <div> hebt met id='blaat' moet dit gewoon werken.

hmm... klinkt goed! ik zal t es ff gaan proberen! tnxz alvast! ik post hier nog wel ff of het gelukt is of niet. Zijn dr evt. nog meer nuttige tips van andere piepelz?

[Verwijderd]

Als het plaatje niet te groot is wat betreft formaat, zou je kunnen werken met een Image-map, aan de verschillende area's geef je dan een swap mee. Ik geloof dat Necromancy hetzelfde al gezegd heeft in Frontpage-taal .

Verder zou je het plaatje een beetje slim op kunnen delen, waardoor het aantal files per swap nog enigzins meevalt.

[Blaise]

flash.

[Passenger]

Op donderdag 06 december 2001 18:27 schreef Blaise het volgende:
flash.

uitgesloten

[Passenger]

Op donderdag 06 december 2001 18:25 schreef SpiritX het volgende:
Als het plaatje niet te groot is wat betreft formaat, zou je kunnen werken met een Image-map, aan de verschillende area's geef je dan een swap mee. Ik geloof dat Necromancy hetzelfde al gezegd heeft in Frontpage-taal .

Verder zou je het plaatje een beetje slim op kunnen delen, waardoor het aantal files per swap nog enigzins meevalt.

lijkt me niet echt een optie... zijn DIVjes in dit geval niet handiger?

[Verwijderd]

Op donderdag 06 december 2001 18:32 schreef Tu-Tone het volgende:
lijkt me niet echt een optie... zijn DIVjes in dit geval niet handiger?

Kweet iig zeker dat het met die imagemap (ofwel "hotspot") werkt. Je kan het ook met divjes proberen, zal qua code niet veel schelen.

[Verwijderd]

ALMELO !!!!!!!!!!

[Willem]

Afgezien van alle reacties over layers en <div>'s kun je dit natuurlijk best makkelijk in Flash maken. Een Flash navigatie in je website is best OK.

[Verwijderd]

Op donderdag 06 december 2001 19:18 schreef willem169 het volgende:
Afgezien van alle reacties over layers en <div>'s kun je dit natuurlijk best makkelijk in Flash maken. Een Flash navigatie in je website is best OK.

Volgens mij zei hij net dat flash uitgesloten was maar dat kan ook aan mijn slechte ogen liggen

[Verwijderd]

Op donderdag 06 december 2001 18:32 schreef Tu-Tone het volgende:

[..]

lijkt me niet echt een optie... zijn DIVjes in dit geval niet handiger?

Lijkt mij wel, maar je vroeg om meer oplossingen ...

[Passenger]

Op donderdag 06 december 2001 19:47 schreef SpiritX het volgende:

[..]

Lijkt mij wel, maar je vroeg om meer oplossingen ...

klopt, en daarom wil ik ze ook graag vergelijken

[Verwijderd]

Als ik jou was zou ik Fireworks gebruiken. Werkt bovendien perfect samen met DreamBeaver en schrijft alle code zelf (voor de verwende tweakertjes onder ons)

Ik had je nog een duidelijk screenshot willen laten zien maar al mn FTP servers werken weer ns niet dus die komt nog wel...

Fireworks is it!

[Oefening]

Waarom niet gewoon iedere ruit in een div gooien, en dan gewoon 3 rollovers?

[edit]Oh, je vroeg om meerdere oplossingen :P:
-Imagemap
-Opdelen in tig kleine stukjes
-Het gehele plaatje "over laten rollen"
-In layers gooien en dan de layers "over laten rollen"

Maargoed, de eerste oplossing lijkt me nog steeds de beste

[Verwijderd]

Op donderdag 06 december 2001 23:19 schreef nelis het volgende:
Waarom niet gewoon iedere ruit in een div gooien, en dan gewoon 3 rollocers?

rollercoasters bedoel je?

btw. ik zou voor image ready gaan, snijden die handel!

[crisp]

onMouseMove en dan de cursorpositie bepalen...

[Verwijderd]

Op donderdag 06 december 2001 23:27 schreef crisp het volgende:
onMouseMove en dan de cursorpositie bepalen...

Das wel erg complex voor crossbrowser en verschillende reso's.
(Als je niet absoluut positioneert that is)

[crisp]

Op donderdag 06 december 2001 23:33 schreef Tizzwat het volgende:

[..]

Das wel erg complex voor crossbrowser en verschillende reso's.
(Als je niet absoluut positioneert that is)

Niet als je de plaatjes zelf in aparte layers gooit, en je positie binnen de layer bepaald. Gezien de vorm van de plaatjes moet dat niet al te ingewikkeld zijn.

[Verwijderd]

Op vrijdag 07 december 2001 09:08 schreef crisp het volgende:

Niet als je de plaatjes zelf in aparte layers gooit, en je positie binnen de layer bepaald. Gezien de vorm van de plaatjes moet dat niet al te ingewikkeld zijn.

Jah, zeg ik.
Maar je moet dan nog wel steeds de muispositie bijhouden..
en bij Onmouseover heb je alleen dan die event handler nodig.

Zal uiteindelijk trouwens weinig uitmaken, dus ik lul een beetje onzin, maar goed...