ImageReady: rollover states over elkaar heen

[Verwijderd]

Ik heb het volgende probleem waar ik met ImageReady niet meer uit kom. Ik heb een photoshopboek geraadpleegd, op internet gezocht en in de search van GoT gezocht, maar vreemd genoeg niets gevonden. Misschien heb ik wel op de verkeerde termen gezocht, want het probleem is bijzonder eenvoudig.

Ik heb een menu gemaakt met links ruimte voor een plaatje en een titel die half door het plaatje staat. Rechts in het menu staan 5 buttons. Als er over de buttons gegaan wordt met de muis moet er het juiste plaatje en de juiste tekst komen te staan. Simpel leek me, gewoon met de rollover state 'over' en 'selected' (bij de home button selected op 'default'). Bij elk van deze 10 states de juiste layer tekst en plaatje aanzetten en het zou moeten werken dacht ik.

Maar helaas ziet ImageReady dat anders. Zolang je nog nergens op geklikt hebt ziet het er netjes uit en werken de buttons. Zodra je op een button geklikt hebt en de betreffende tekst en plaatje vast blijven staan gaat het mis. Als je nu over een button gaat komt het plaatje/tekst over het al vaststaande plaatje/tekst heen.

Dit is uiteraard niet de bedoeling. Mijn vraag is of het überhaupt wel te realiseren is met ImageReady dat een 'over' state niet over een 'selected' state heen gezet wordt, maar deze even tijdelijk vervangt. Of moet ik gewoon zelf wat schrijven in javascript (wat geen ramp is, maar het irriteert me dat het me niet in ImageReady lukt).

[Verwijderd]

Ik heb het als volgt opgelost met javascript:

code:

var selected = 'a';
var previous = 'a';

var plaatje_a = newImage("plaatje_a.gif");
var tekst_a = newImage("tekst_a.gif");
var plaatje_b = newImage("plaatje_b.gif");
var tekst_b = newImage("tekst_b.gif");
var plaatje_c = newImage("plaatje_c.gif");
var tekst_c = newImage("tekst_c.gif");

function show(arg) {
    if (arg == 'a') change(plaatje_a, tekst_a);
    if (arg == 'b') change(plaatje_b, tekst_b);
    if (arg == 'c') change(plaatje_c, tekst_c);
}

function newImage(arg) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
}

function change(plaatje, tekst) {
    document['plaatje'].src = plaatje.src;
    document['tekst'].src = tekst.src;
}

in de body van de html staat dan dit:

code:

[img]"plaatje_a.gif"[/img]
[img]"tekst_a.gif"[/img]
<a href="a.html" target="mainFrame"
    onmouseover="show('a'); return true;" 
    onmouseout="show(selected); return true;" 
    onmouseup="selected='a'; show(selected); return true;">
    [img]"a.gif"[/img]
</a>
<a href="b.html" target="mainFrame" 
    onmouseover="show('b'); return true;" 
    onmouseout="show(selected); return true;"   
    onmouseup="selected='b'; show(selected); return true;">
    [img]"b.gif"[/img]
</a>
<a href="c.html" target="mainFrame" 
    onmouseover="show('c'); return true;" 
    onmouseout="show(selected); return true;"   
    onmouseup="selected='c'; show(selected); return true;">
    [img]"c.gif"[/img]
</a>

Toch blijf ik benieuwd of het ook in ImageReady kan.

[McFreak]

ik gebruik dat programma's slechts voor een snelle opmaak van de pagina
scripten en shit laat ik niet over aan zon programma net als macromedia dreamweaver en word en al die shit generators