Avatar billede pelskee Nybegynder
20. maj 2005 - 10:14 Der er 9 kommentarer og
1 løsning

roenvig fade script - kan det fade tekst onLoad

jeg vil gerne have den der roenvig image fader til at fade indholdet på denne side hver gang en ny record loades og ikke på mouseover. Skal koden så fra div'en op i body ? (jeg ville helst kun gøre det på overskrift, billede og tekst - så pilene i siden ikke loades)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../include/stylesheet.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript">

var OpC = new Array();
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 if(css3)actOp=(elm.style.opacity*100);
  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 if(css3)OpC[idx][0].style.opacity=Math.min(0.99,OpC[idx][1]/100);
  else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
  if (OpC[idx][1]==OpC[idx][2]){
    clearInterval(OpC[idx][4]);
    return;
  }
}

</script>
</head>

<body>
<div name="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;" onmouseover="startOpChange(this,100,1);" onmouseout="startOpChange(this,60,1);">
  <table width="300"  border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="50">&nbsp;</td>
      <td width="200"><%=(Recordset1.Fields.Item("Varenavn").Value)%></td>
      <td width="50">&nbsp;</td>
    </tr>
    <tr>
      <td align="left"><A HREF="<%=MM_movePrev%>"><img src="../webshop/images/arrow_left_inactive.gif" width="20" height="20" border="0"></A></td>
      <td align="center"><img src="../webshop/images/produkt/<%=(Recordset1.Fields.Item("BilledeStort").Value)%>" width="200" height="200"></td>
      <td align="right"><A HREF="<%=MM_moveNext%>"><img src="../webshop/images/arrow_right_inactive.gif" width="20" height="20" border="0"></A></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><%=(Recordset1.Fields.Item("Beskrivelse").Value)%></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div> 
</body>
</html>
<%
Recordset1.Close()
Set Recordset1 = Nothing
%>

LINK: http://www.because.dk/fade/index.asp?index=1
Avatar billede roenving Novice
20. maj 2005 - 12:10 #1
Ja, du kan f.eks. gøre sådan:

<body onload="startOpChange(document.getElementById('fisk'),100,1);">
<div id="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;">

-- men jeg kan se, at der lissom mangler noget kode, som kan sætte css3-værdien ...
Avatar billede pelskee Nybegynder
20. maj 2005 - 12:53 #2
hjælp fra Masteren :)

jeg har bare taget koden fra: http://roenving.users.whitehat.dk/Kode/WD5Kode.html
og implementeret

nu har jeg indsat det andet: http://www.because.dk/fade/
men den fader vist ikke noget
Avatar billede roenving Novice
21. maj 2005 - 14:54 #3
Det ser slet ikke ud, som om der overhovedet er en blur fra start ?-)
Avatar billede pelskee Nybegynder
23. maj 2005 - 11:56 #4
skal jeg starte med at blurre siden ?
Avatar billede roenving Novice
23. maj 2005 - 15:33 #5
Jeg forstår bare ikke, at elementerne ikke er blurred fra starten ,-(
Avatar billede pelskee Nybegynder
23. maj 2005 - 20:14 #6
hehe - du må undskylde at jeg spørger dumt. men er det noget jeg skal gøre eller burde det være sådan i scriptet ?
Avatar billede roenving Novice
24. maj 2005 - 01:37 #7
Det ser ud til at opacity ikke arves til tables (forøvrigt ligesom mange andre style-properties, så sådan:

<body onload="startOpChange(document.getElementById('fisk'),100,1);">
  <table width="300" id="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;" border="0" cellpadding="0" cellspacing="0">
Avatar billede pelskee Nybegynder
12. oktober 2005 - 00:27 #8
du skal have point
Avatar billede roenving Novice
16. oktober 2005 - 18:29 #9
Oki '-)
Avatar billede roenving Novice
20. januar 2006 - 15:42 #10
-- og tak for point ;~}
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