Avatar billede tommy_carstensen Nybegynder
23. november 2004 - 22:47 Der er 11 kommentarer og
1 løsning

onmouseover, layer, z-index

Hvordan angiver jeg, at et billedes z-index skal ændres ved onmouseover? Har prøvet at lave en illustration:
http://www.proteinkemi.dk/eksperten/eksperten.gif
Den lilla cirkel er cursoren. Når den bevæger sig over DELE AF et billede skal et bagvedliggende billede (den går kasse) hives frem. Kan det overhovedet lade sig gøre, eller er jeg nødt til at dele billedet op i mindre dele (4 i det illustrerede tilfælde)? Onmouseover-effekten skal vel blot knyttes til de 4 bagvedliggende grå billeder?
Avatar billede olebole Juniormester
24. november 2004 - 01:18 #1
<ole>

Hvorfor ikke bare lave img-swaps:

<script type="text/JavaScript">
function swap(im, src) {
    im.src = src;
}
</script>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><img onmouseover="swap(this, 'pic1.gif')" onmouseout="swap(this, 'yellow.gif')" src="yellow.gif" width="50" height="50"></td>
    <td><img onmouseover="swap(this, 'pic2.gif')" onmouseout="swap(this, 'green.gif')" src="green.gif" width="50" height="50"></td>
</tr>
<tr>
    <td><img onmouseover="swap(this, 'pic3.gif')" onmouseout="swap(this, 'blue.gif')" src="blue.gif" width="50" height="50"></td>
    <td><img onmouseover="swap(this, 'pic4.gif')" onmouseout="swap(this, 'red.gif')" src="red.gif" width="50" height="50"></td>
</tr>
</table>

/mvh
</bole>
Avatar billede olebole Juniormester
24. november 2004 - 01:21 #2
Du kan vel ligeså godt skifte src'en på billedet fremfor at skifte z-index ... hvis forholdene ellers er, som du beskriver.
Avatar billede tommy_carstensen Nybegynder
24. november 2004 - 06:51 #3
Hej olebole,

Jeg ville gerne lave et simpelt image-swap, men de 4 farvede firkanter er ét billede. Forestillede mig, at man kunne ændre z-index på de 4 bagvedliggende grå kasser ved onmouseover? Hele billedet må ikke skifte ved onmouseover...

MFG Tommy
Avatar billede tommy_carstensen Nybegynder
24. november 2004 - 09:20 #4
Jeg vil ikke lave et image-swap. Jeg vil gerne ændre z-index ved onmouseover. Jeg håber, at det er forståeligt. Giver max point (200), hvis nogen kan hjælpe.
Avatar billede tommy_carstensen Nybegynder
24. november 2004 - 09:29 #5
Mit problem er meget lig http://www.eksperten.dk/spm/562081
Avatar billede schaefner Juniormester
24. november 2004 - 10:00 #6
Avatar billede tommy_carstensen Nybegynder
24. november 2004 - 10:57 #7
schaefner, du er den sejeste person, jeg kender lige nu!!! jeg var SÅ tæt på at give op eller udlove nogle kroner for at få det lavet. Jeg er meget taknemmelig. Du har sparet mig for en masse tid. Hvis du smider dit kontonr. til tc@FRI-MIG-FOR-SPAM-oek.dk, vil jeg gerne overføre et symbolsk beløb (50 kroner) til dig. Husk også at lægge et svar. Hvor vildt, at du kommer med færdig løsning!!!
Avatar billede tommy_carstensen Nybegynder
24. november 2004 - 11:07 #8
schaefner, jeg kan se, at du erstatter med en grå baggrund og ikke med et gråt gif-billede. I mit reele projekt SKAL det være erstatning med et billede. Kan det lade sig gøre? Må jeg skrive til dig, hvis jeg ikke kan få det til at virke? Når jeg kommer hjem i aften, vil jeg selv forsøge. Indtil videre tusind mange tak for hjælpen!!!
Avatar billede schaefner Juniormester
24. november 2004 - 11:31 #9
Nej, tak. Point er nok :)
Har opdateret siden, så den bruger et baggrundbillede mår man kører musen over.

Med venlig hilsen
Jesper Sørensen
Avatar billede tommy_carstensen Nybegynder
25. november 2004 - 14:15 #10
Jeg var egentlig ude efter forskellige billeder i de forskellige firkanter (dele af billedet), men jeg vil prøve selv at arbejde med det. Tak for hjælpen.
Avatar billede tommy_carstensen Nybegynder
25. november 2004 - 14:31 #11
Er det muligt at lave følgende:
http://www.proteinkemi.dk/eksperten/eksperten2.gif
Der er stadig tale om ét billede og ikke tre mindre...
Avatar billede tommy_carstensen Nybegynder
25. november 2004 - 16:30 #12
Til fremtidige læsere af dette spm.... Den endelige løsning blev som beskrevet i http://www.eksperten.dk/spm/565045
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