Avatar billede p_r Nybegynder
13. december 2004 - 13:42 Der er 12 kommentarer og
1 løsning

fremhævelse af et område i en cirkel, når man kører hen over det

Hej!
Jeg har fået til opgave at lave en side for en god ven, hvor siden skal være opbygget med én stor cirkel i midten, hvor bestemte områder af cirklen skal fremhæves, når curseren kører henover. (som et lagkagediagram).
Disse felter skal hver især fungere som et link. Jeg har ikke så meget erfaring med Javascript, kun med html, så jeg håber, at der er nogen der kan hjælpe.

Tak på forhånd.

Pernille.
Avatar billede p_r Nybegynder
13. december 2004 - 13:54 #1
Den cirkel i midten skal være et billede af en parmesanost, men kan det overhovedet lade sig gøre at gøre det med et billede?
Avatar billede baitianlong Nybegynder
13. december 2004 - 18:40 #2
Kun hvis det består af flere billeder, men jeg tror det bliver noget juks. Jeg vil anbefale du laver det i flash i stedet for, det er ikke så vanskeligt :)
Avatar billede olebole Juniormester
13. december 2004 - 23:51 #3
<ole>

Det kan nu også lade sig gøre med et imagemap og nogle billeder. Jeg lavede for en tid siden denne til enden bruger:
  http://www.tjenester.dk/x-codes.dk/eksperten/imagemap/

Den skal skrives en del om til formålet, men det kan godt lade sig gøre - uden det bliver 'noget juks'  :)

/mvh
</bole>
Avatar billede olebole Juniormester
13. december 2004 - 23:52 #4
PS: Mouseover/-out og klik på næse og øjne
Avatar billede baitianlong Nybegynder
14. december 2004 - 00:57 #5
Jeg ville aldrig kalde dit arbejde 'juks'...

Her er dog en hurtig, og upudset version af en flash løsning. RollOver på øjnene

www.legende.dk/oejne.html

:)
Avatar billede olebole Juniormester
14. december 2004 - 02:47 #6
Det må du såmænd gerne ...... bare du er hurtig til at dukke dig  *ROTFL*

Afhængig af, hvad det skal bruges til - og hvordan - ville jeg nu sikkert også selv vælge Flash.
Er dog ikke helt sikker på, hvorvidt datteren ville være så generøs at nøjes med ordet 'juks', hvis hun så de 'basedows-øjne', du har fået udstyret hende med  :D
Hun er blevet 3-4 år ældre og spiller en fin højre fløj ... pas hellere på, for hun lægger en emminent glidende tackling!  ;D
Avatar billede p_r Nybegynder
14. december 2004 - 13:30 #7
Det skulle nok være noget i stil med det her: www.legende.dk/oejne.html. Men ved ikke helt om jeg kan finde ud af det, da jeg heller ikke er den store flash-bruger. Har lidt kendskab til det, så jeg kan da forsøge mig frem.
Avatar billede baitianlong Nybegynder
14. december 2004 - 14:31 #8
Du kan få filen her: www.legende.dk/oejne.zip

Jeg har klippet i photoshop, og lagt øjnene ovenpå det originale billede som movieclips. De har dette enkel og forståelige script:

on(rollOver) {
    targetsize = 200;
}
on(rollOut) {
    targetsize = 100;
}
onClipEvent(enterFrame) {
    if(_xscale != targetsize ) {
        if(_xscale < targetsize && _xscale < 200) {
            _xscale = _yscale += 2;
        }
        else if(_xscale > targetsize) {
            _xscale = _yscale -= 2;
        }
    }
}

:)
Avatar billede baitianlong Nybegynder
14. december 2004 - 14:34 #9
Ved ikke lige hvorfor jeg har skrevet:

if(_xscale < targetsize && _xscale < 200) {

Det er naturligvis nok med:

if(_xscale < targetsize) {

Det andet er jo nærmest det samme to gange :P
Avatar billede p_r Nybegynder
14. december 2004 - 20:28 #10
tak -det prøver jeg
Avatar billede p_r Nybegynder
14. december 2004 - 20:29 #11
men hvordan laver jeg de enkelte dele til links? -altså hvis det f.eks. her skal være øjnene?
Avatar billede baitianlong Nybegynder
14. december 2004 - 20:33 #12
du tilføjer:

on(release) {
  getURL("side.html");
}
Avatar billede p_r Nybegynder
14. december 2004 - 20:56 #13
ok -jeg prøver.
Mange tak for hjælpen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester