Avatar billede mrbs Nybegynder
15. november 2006 - 14:29 Der er 1 kommentar og
1 løsning

Graduering af billede

Hej!

Jeg har fundet et script som gør et billede transparent, når musen ikke er over det.

Imidlertid kan jeg ikke indstille niveauet. Hvor gør jeg det? Jeg troede det var i første linie, men det er det altså ikke... Jeg har også ændret instillingerne i CSS-filen, men så vises det jo kun korrekt når siden loades.

MS



JS:

var baseopacity=60

function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

CSS:
.gradualshine{
filter:alpha(opacity=60);
-moz-opacity:0.6;

PIC:
class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)"
Avatar billede mrbs Nybegynder
15. november 2006 - 14:45 #1
Det virker - min server havde bare lidt problemer - sorry!
Avatar billede roenving Novice
17. november 2006 - 01:39 #2
Hrm, det script har en stærkt begrænset holdbarhed ...

-- for et med et lidt længere holdbarhed, kan du f.eks. kigge på: http://roenving.users.whitehat.dk/WD5Opacity.html !-)
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