Mouseover billede

roenving har lavet noget lignende
http://roenving.users.whitehat.dk/index.html?/WD5Opacity.html

Jeg fatter ik så meget af det..

<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*10)/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>
<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="center" align="middle">
  <div align="center">
    <table width="50%"  border="0" cellpadding="0" cellspacing="20" bgcolor="#D6D6D6">
      <tr>
        <td><img src="pics/kokbad.gif" name="kok" width="420" height="380" border="0" id="kok" name="kokbad" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;" onmouseover="startOpChange(this,10,10);" onmouseout="startOpChange(this,10,10);">


her er koden sat ind i mit.. kan en af jer hjælpe med at få den til at køre hurtigere med at fade?

ok kan nok ikke hjælpe så meget...havde bare set det og synes det var smart og at det måske var det du manglede :o)
Måske roenving eller en anden kommer forbi :o)

Bare helt i orden.. Ja det vil jeg håbe så hehe :-D.

Kan du ikke linke til et komplet dokument, for ovenstående fragment vil selvfølgelig ikke virke !-)

Jo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>xxxxx</title>
<style type="text/css">
<!--
body {
    background-image: url(gfx/bg.gif);
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.style1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
}
-->
</style>
<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>
<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="center" align="middle">
  <div align="center">
    <table width="50%"  border="0" cellpadding="0" cellspacing="20" bgcolor="#D6D6D6">
      <tr>
        <td><img src="pics/kokbad.gif" name="kok" width="420" height="380" border="0" id="kok" name="kokbad" style="filter:alpha(opacity=40);-moz-opacity:0.5;opacity:0.5;" onmouseover="startOpChange(this,100,01);" onmouseout="startOpChange(this,40,01);">
          <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><div align="center" class="style1">K&oslash;kken &amp; Bad </div></td>
            </tr>
          </table></td>
        <td><img src="pics/erhverv.gif" name="erhverv" width="420" height="380" border="0" id="erhverv" name="erhverv" style="filter:alpha(opacity=40);-moz-opacity:0.5;opacity:0.5;" onmouseover="startOpChange(this,100,01);" onmouseout="startOpChange(this,40,01);">
          <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><div align="center" class="style1"><strong>Erhverv</strong></div></td>
            </tr>
          </table></td>
      </tr>
    </table>
</div></td>
</tr>
</table>
</body>
</html>

-lukket-