CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

jammerlab Nybegynder

21. juli 2003 - 15:20 Der er 17 kommentarer og
1 løsning

Fade på skrift?

Ved man kan bruge js script man kan man også gøre det med CSS? og hvordan...

Synes godt om

exp Juniormester

21. juli 2003 - 15:26 #1

Mener jeg ikke man kan med css...

Synes godt om

roenving Novice

21. juli 2003 - 15:35 #2

Kig i microsofts dokumentation på msdn, der er nogle transitions, som kan laves i Microsoft css-extensions (søg på transition) ...

-- men ellers har exp ret, css er så at sige statisk i sig selv !-)

-- og fade udnytter også nogle M$-udvidelser til css

Synes godt om

exp Juniormester

21. juli 2003 - 15:36 #3

... og dem kan vi som seriøse programmører ikke li' (men bliver nødt til at tage hensyn til dem...)

Synes godt om

jammerlab Nybegynder

21. juli 2003 - 15:40 #4

I know jeg gider heller ikke bruge fade men ham jeg har aftalen med ønsker fade på hans link :) Og kunden har jo altid ret :P

Synes godt om

exp Juniormester

21. juli 2003 - 15:44 #5

Tjah... det har han jo kun til en hvis grænse - du kan jo bare bilde ham et eller andet ind...

Synes godt om

roenving Novice

21. juli 2003 - 15:44 #6

Jamen så får du lige den jeg har liggende:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Opacity</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();
function startOpChange(elm,end,tim){
if (!document.all)return;
clearInterval(endOpC[0]);
actOp=elm.filters.alpha.opacity;
if (actOp!=end){
OpC[0]=actOp;
OpC[1]=end;
OpC[2]=(actOp<end)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
endOpC[0]=setInterval("opChange("+elm.sourceIndex+")",delayTime);
}
}
function opChange(elm){
OpC[0]+=OpC[2];
document.all[elm].filters.alpha.opacity=OpC[0];
if (OpC[0]==OpC[1]){
clearInterval(endOpC[0]);
return;
}
}
</script>
</head>
<body>
<form>
<img src="../billede.jpg" name="fisk" style="filter:alpha(opacity=60);"
onMouseOver="startOpChange(this,100,1);"
onMouseOut="startOpChange(this,60,1);">
</form>
</body>
</html>

Synes godt om

jammerlab Nybegynder

21. juli 2003 - 16:05 #7

roenving .. den virker da ikke så godt :|

Synes godt om

roenving Novice

21. juli 2003 - 17:59 #8

Hvor ?-)

Den kører på alle de IE'er jeg har haft fat i (IE4+ metoder !-) men jeg har ikke set nogen som har prøvet den på Mac ...

Synes godt om

pixeldude Nybegynder

21. juli 2003 - 18:18 #9

Det virker også her

Synes godt om

feynor Nybegynder

25. juli 2003 - 13:48 #10

Blot en kommentar.
Fade på mozilla opnåes med CSS tagget :
-moz-opacity: [0.0-1.0]

Hvis i da vil forsøge det...

Synes godt om

jammerlab Nybegynder

25. juli 2003 - 13:50 #11

kan man ungå at det skal være et billed?

Synes godt om

jammerlab Nybegynder

28. juli 2003 - 15:14 #12

Den failer altså!
http://212.242.60.87/test.html
Hvis du kører fra billed 1 ned til billed 2 så fader billed 1 ikke ud :| Det skal den.

Synes godt om

roenving Novice

28. juli 2003 - 15:59 #13

Den fejler ikke, den er bare ikke indrettet til at håndtere mere end eet billede ...

Synes godt om

jammerlab Nybegynder

28. juli 2003 - 19:45 #14

hehe jow :P For enten skal jeg havde et script der kan håndtere flere billeder eller et script der kan fungere på text links...

Synes godt om

roenving Novice

07. august 2003 - 19:08 #15

Så fik jeg lavet en, som er uafhængig af antal images og browser (hvis de ikke er for gamle, sæ'fø'li'-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Opacity</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1)
function startOpChange(elm,end,tim){
if (!ie && !moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();

if(ie)actOp=elm.filters.alpha.opacity;
else actOp=(elm.style.MozOpacity*100);
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}
function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else OpC[idx][0].style.MozOpacity=OpC[idx][1]/100;
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}
</script>
</head>
<body>
<form>
<img src="../billede.jpg" width="100" height="100" name="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;" onMouseOver="startOpChange(this,100,1);" onMouseOut="startOpChange(this,60,1);">
   
<img src="../billede.jpg" width="100" height="100" name="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;" onMouseOver="startOpChange(this,100,1);" onMouseOut="startOpChange(this,60,1);">
</form>
</body>
</html>

Synes godt om

jammerlab Nybegynder

08. januar 2004 - 18:06 #16

roenving > Kæft hvor har jeg mange gamle spørgsmål med dig hvor du skal havde nogle point haha :) Du ender med at ruinere mig... smid et svar.

Tak for hjælpen :)

Synes godt om

roenving Novice

08. januar 2004 - 18:18 #17

Velbekomme '-)

Synes godt om

roenving Novice

08. januar 2004 - 18:21 #18

-- og tak for points ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS