Javascript hulp nodig

omaronline · 2 mrt 2009

Hallo,

Ik heb een probleempje met javascript hieronder heb ik de code geschreven wat resulteerd in de volgende foutmelding:
error:'object' is undefined

ik heb de volgende code in javascript:

HTML:

function ShowImage(imgget) {
  var img = imgget.style;
  var timer = 0;
  var speed = 1000;
  for(counter = 25; counter <= 100; counter++) 
  { 
    setTimeout("SI_function(" + counter + "," + img +")",(timer * speed)); 
    timer++; 
  } 				
}
function SI_function (counter,image) {
  image.filter = "alpha(opacity="+ counter +")";
  image.MozOpacity = (counter / 100);
  image.opacity = (counter / 100);					
}

En de volgende in html:

HTML:

<img src="img/traineebeheer.gif"  id="trainees" onmouseover="ShowImage(this);"/>

Weet iemand mischien wat hier fout gaat?

Glest · 7 mrt 2009

Ik zou het een beetje aanpassen:

Code:

<html>
<head>
<script>
//<![CDATA[

function prepareImage(img)
{
  img.timer = false;
  img.opacity = 25;
  img.style.filter = "alpha(opacity="+ img.opacity +")";
  img.style.opacity = (img.opacity / 100);
}

function showImage(img)
{
  if (img.timer)
  {
    window.clearInterval(img.timer)
    img.timer = false;
  }

  var interval = 10;
  var increment = 5;
  img.timer = window.setInterval(fade_interval, interval, increment, img);		
}

function hideImage(img)
{
  if (img.timer)
  {
    window.clearInterval(img.timer)
    img.timer = false;
  }

  var interval = 10;
  var increment = -5;
  img.timer = window.setInterval(fade_interval, interval, increment, img);		
}

function fade_interval (increment,img)
{
  img.opacity += increment;
  img.style.filter = "alpha(opacity="+ img.opacity +")";
  img.style.opacity = (img.opacity / 100);
  if (img.opacity >= 100 || img.opacity <= 25)
  {
    window.clearInterval(img.timer)
    img.timer = false;
  }
}


//]]>
</script>
</head>

<body>


<img src="http://www.gwauctions.org/images/logo.gif" id="trainees" onload="prepareImage(this);" onmouseover="showImage(this);" onmouseout="hideImage(this);" />

</body>
</html>

Javascript hulp nodig

omaronline

Nieuwe gebruiker

Glest

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy