Jeik

jeik


<head>
   <title>SLIDE</title>
   <link href="slide.css" rel="stylesheet">   
   <script language="JavaScript" type="text/JavaScript">
   function MM_preloadImages() {
      var d=document;
      if(d.images) {
         if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
      for(i=0; i<a.length; i++)
         if (a[i].indexOf("#")!=0){
            d.MM_p[j]=new Image;
            d.MM_p[j++].src=a[i];
         }
      }
   }
   </script>
</head>
<body onLoad="MM_preloadImages('01.PNG','02.PNG','03.PNG','04.PNG','05.PNG')" bgcolor="#000000">
<script type="text/javascript"> 
window.onload = function() { 
   imagens = new Image(); 
   imagens.src="01.PNG"; 
   imagens.src="02.PNG";
   imagens.src="03.PNG"; 
   imagens.src="04.PNG"; 
   imagens.src="05.PNG"; 
} 
function changeOpac(opacity, id) { 
   var object = document.getElementById(id).style; 
   object.opacity = (opacity / 100); 
   object.MozOpacity = (opacity / 100); 
   object.KhtmlOpacity = (opacity / 100); 
   object.filter = "alpha(opacity=" + opacity + ")"; 
} 
function blendimage(divid, imageid, imagefile, millisec) { 
   var speed = Math.round (millisec / 100); 
   var timer = 0; 
   document.getElementById (divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
   changeOpac(0, imageid); 
   document.getElementById(imageid).src = imagefile; 
   for(i = 0; i <= 100; i++) { 
      setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
      timer++; 
   } 
} 
</script> 
<div class="div_carrega" id="blenddiv" style="width: 523px; height: 150px">
<img class="div_img" id="blendimage" width="200" height="91" style="width: 550px; height: 150px"></div> 
<div style="position: absolute; width: 9px; height: 63px; z-index: 1; left: 533px; top: 16px" id="camada1">
<table width="18" border="0" cellpadding="0" cellspacing="0" height="94">
      <tr>
        <td width="103" height="18">
      <p align="center"> 
<a href="javascript:blendimage('blenddiv','blendimage', '01.PNG',500)">
      <font size="2">01</font></a></td>
        </tr>
       <tr>
        <td width="103" height="2">
      <p align="center"><font size="2">
      <img border="0" src="imagens/gr_espaço.gif" width="2" height="2"></font></td>
        </tr>
       <tr>
        <td width="103" height="20">
      <p align="center">
<a href="javascript:blendimage('blenddiv','blendimage', '02.PNG',500)">
      <font size="2">02</font></a></td>
        </tr>
       <tr>
        <td width="103" height="2">
      <p align="center"><font size="2">
      <img border="0" src="imagens/gr_espaço.gif" width="2" height="2"></font></td>
        </tr>
       <tr>
        <td width="103" height="16">
      <p align="center">
<a href="javascript:blendimage('blenddiv','blendimage', '03.PNG',500)">
      <font size="2">03</font></a></td>
        </tr>
       <tr>
        <td width="103" height="2">
      <p align="center"><font size="2">
      <img border="0" src="imagens/gr_espaço.gif" width="2" height="2"></font></td>
        </tr>
       <tr>
        <td width="103" height="16">
      <p align="center"> 
<a href="javascript:blendimage('blenddiv','blendimage', '04.PNG',500)">
      <font size="2">04</font></a></td>
        </tr>
       <tr>
        <td width="103" height="2">
      <p align="center"><font size="2">
      <img border="0" src="imagens/gr_espaço.gif" width="2" height="2"></font></td>
        </tr>
       <tr>
        <td width="103" height="16">
      <p align="center">
<a href="javascript:blendimage('blenddiv','blendimage', '05.PNG',500)">
      <font size="2">05</font></a></td>
        </tr>
    </table>
      </div>
</body>
</html>














Assinar: Postagens (Atom)