Søg
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:08 Der er 12 kommentarer og
1 løsning

billede mørk-lys

Hvad er koden som gør at man har et billede der bliver mørkt og når man så sætter mussemarkøren hen over bliver billedet lyst igen ?
Avatar billede roenving Novice
26. maj 2003 - 15:09 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Opacity</title>


<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();

function startOpChange(elm,strt,end,tim){
if (!document.all)return;
  if (strt!=end){
    OpC[0]=strt;
    OpC[1]=end;
    OpC[2]=(strt<end)?1:-1;
    var delayTime = Math.floor((tim*1000)/Math.abs((strt-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 onresize onload>
<form>
<img src="eksperten_logo_new.gif" name="fisk" style="filter:alpha(opacity=60);"
onMouseOver="startOpChange(this,60,100,1);"
onMouseOut="startOpChange(this,100,60,1);">
</form>


</body>

</html>

hth
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:13 #2
Tak skal du have .. Virker fint ...
- Læg et svar ..
Avatar billede roenving Novice
26. maj 2003 - 15:13 #3
Velbekomme '-)
Avatar billede roenving Novice
26. maj 2003 - 15:17 #4
Takker for points ;~}
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:22 #5
Argh der er en fejl i koden eller noget .. For den får billedet til at forsvinde HELT ... og det skal det jo ikke ?

hvad skal man gøre ?
Avatar billede roenving Novice
26. maj 2003 - 15:30 #6
Jeg havde kun brugt den med .gif-billeder, prøvede så med et .jpg-billede -- nogle gange gjorde den som du siger, men den sidste gang kørte den helt tilfredsstillende ?-)
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:31 #7
Ville det sige at jeg skal bruge .gif filer for at den ikke gør det  ?
Avatar billede roenving Novice
26. maj 2003 - 15:38 #8
Nej, det er fordi der går kage i interval-funktionen, hvis den bliver afbrudt -- altså du flytter din ud før den er fadet ind, så der skal en linje mere i starten

function startOpChange(elm,strt,end,tim){
  if (!document.all)return;
  clearInterval(endOpC[0]);
  if (strt!=end){
... osv.

hth
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:43 #9
Og hvor er det lige den kode skal hen ?
og er det hele koden du har skrevet som skal sættes ind ?
Avatar billede roenving Novice
26. maj 2003 - 15:49 #10
Så ser hele scriptet sådan ud:

<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();

function startOpChange(elm,strt,end,tim){
if (!document.all)return;
    clearInterval(endOpC[0]);
  if (strt!=end){
    OpC[0]=strt;
    OpC[1]=end;
    OpC[2]=(strt<end)?1:-1;
    var delayTime = Math.floor((tim*1000)/Math.abs((strt-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>
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:51 #11
ja nu virker det ... Tak skal du have :)
Avatar billede roenving Novice
26. maj 2003 - 15:53 #12
Velbekomme -- og jeg fik rettet mit eget script, så det ikke crasher, så selv tak !-)
Avatar billede ssundsdal Nybegynder
26. maj 2003 - 15:55 #13
Hehe det var jo så altid noget =)
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »