Mouseover på hotspot

Et area er ikke et render-bart objekt, så du kan ikke lave fade o.l. på det ...

-- det eneste du kan gøre for at highlighte er at skifte hele billedet ud, evt. flere gange via en funktion !-)

Hmm - eftersom der er mange links der skal laves, så kan jeg det ikke lige er et arbejde der er overstået på 5 min?  ;)

Kan jeg evt. lave det på en mere smart måde?

-- så skulle du klippe billedet op, sætte baggrunden gennemsigtig og placere dem, men det er jo også noget, som tager mere end 5 minutter ...

-- i øvrigt har jeg videreudviklet kraftigt på nereidFadeObjects: http://roenving.users.whitehat.dk/WD5Opacity.html, så det også er multiple objekt, multi-browser m.v.

Der findes en ren CSS-metode som måske kan bruges her...
Se et eksempel på http://www.alistapart.com/d/sprites/ala-blobs2.html
og hele artiklen på http://www.alistapart.com/articles/sprites/
Fordelen er at al grafik blir "preloaded".

<ole>

Med den måde at skrive CSS på, er vi jo tilbage i midten af 90'erne. Det virker - men har ikke meget med meningen bag CSS at gøre  :)

/mvh
</bole>

Hmmm. Nu er jeg helt forvirret... Hvordan er det bedst at lave det så?

-- og metoden fra A list Apart vil nok ikke du for dig, da du nok skulle have 4-5 sprites for at dække behovet, og de skulle alle være en god kvalitet, så grafik-filen skulle op på rigtig meget ...

roenving: "det eneste du kan gøre for at highlighte er at skifte hele billedet ud, evt. flere gange via en funktion "

... det er nøjagtigt hvad CSS-metoden gør! Men da de forskellige billeder er samlet i 1 fil, skal grafikken kun loades 1 gang. Størrelsen kan dog bli' et problem.

Vi har lært at meningen med CSS er at adskille indhold og struktur (html) fra præsentation (css).
Løsningen leverer en simpel html-liste med links, som til enhver tid vil forblive brugbar (tænk mobiltelefon!), og nogle css-backgrounds til "pynt" dér hvor de kan vises (det omtalte kort er trods alt "bare" en navigations-menu).
Jeg kan ikke se det "kætterske" i denne løsning!
<frol/>

-- et europa-kort i 5-6 versioner indenfor samme billede, vil ikke fylde hverken 10 eller 100 kb, men nærmere 2-5 Mb, og så er vi langt forbi webgrafik ...

-- realistisk tænkning kan engang imellem være et problem, og så er jeg hamrende ligeglad med, at en løsning er baseret på en adskillelse af struktur og præsentation ...

Rent bortset fra, at det er noget vrøvl, for præsentationen kan kun udføres på elementer (struktur), så hvis du ikke har sørget for at dine elementer fungerer efter hensigten, giver det ikke nogen mening at snakke om en opdeling mellem struktur og præsentation ...

-- og man kunne f.eks. prøve at tage udgangspunkt i de ting, som w3c (www.w3.org !-) beskriver som 'Best Practices', og mig bekendt findes der ingen steder andet end bemærkninger om, at man altid skal vælge den opbygning, som bedst understøtter det formål, man har med at bruge en html-præsentation ...

-- og det klassiske argument for at adskille struktur og præsentation er, at man skal bruge 100 linjer javascript for at undgå at bruge en tabel-løsning, som kan præcis det man ønsker på tre kodelinjer, kvajbel-øre ,-(

lukker