Hola atodos
Estoy trabajando con apache 1.3 php 4.3 y trato de que el efecto de opacidad me funcione pero nada cuando trabajo la aplicaion por fuera del servidor funciona pero cuando lo trabajo por dentro del servidor no hace nada
el codigo que tengo es el siguiente
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META name="GENERATOR" content="IBM WebSphere Studio">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="theme/Master.css" rel="stylesheet" type="text/css">
<TITLE>melo.htm</TITLE>
<script>
var Foto=1; //Indice a la foto actual
var Fotos=2; //Numero de Imagenes a usar
var timerID = null; //Variables para control del Timer
var timerRunning = false;
var V=100; //Variable para la opacidad
var sentido=-1;
var Lista_Fotos=new Array(Fotos)
for (i=0; i<Fotos; i++) // Se cargan las imagenes en una tabla
{
Lista_Fotos[i]=new Image();
Lista_Fotos[i].src="boton_0" + (i+1) + ".gif";
}
function stopTimer()
{ //Para el reloj
if(timerRunning)
{
clearTimeout(timerID);
timerRunning = false;
}
}
function startTimer(funcion)
{ // Para el reloj, si esta activo y lo arranca.
stopTimer();
timerID=setTimeout(funcion,500);
timerRunning = true;
}
function Roll_Over()
{
Foto++;
window.document.getElementById('Imagen').src=Lista_Fotos[Foto%Fotos].src;
timerID=setTimeout("Roll_Over()",500);
}
function Opacidad()
{
switch (V)
{
case 100:
sentido = -1;
break;
case 0:
sentido = 1;
}
V+=sentido; //segun sea el sentido aumenta o disminuye el valor
window.document.getElementById('Imagen').style.filter = "alpha(opacity: " + V + ")";
//window.document.getElementById('Imagen').style.MozOpacity=V/100.0;
timerID=setTimeout("Opacidad()",50);
}
function Cambia_Foto(imagen)
{
if (window.document.getElementById(imagen).src==Lista_Fotos[0].src)
window.document.getElementById(imagen).src=Lista_Fotos[1].src;
else
window.document.getElementById(imagen).src=Lista_Fotos[0].src;
}
</script>
</HEAD>
<BODY>
<table>
<tr>
<td>
<img src="boton_01.gif" id="Imagen" alt="Imagen de prueba">
<form name="formulario1" action="">
<input class="boton" type="button" value="Difuminar" id="Transparecia" onClick="startTimer('Opacidad()');">
<input class="boton" type="button" value="RollOver" id="RollOver" onClick="startTimer('Roll_Over()');">
</form>
<img src="boton_01.gif" id="Imagen2" alt="Imagen de prueba" onMouseOver="Cambia_Foto('Imagen2');" onMouseOut="Cambia_Foto('Imagen2');">
</td>
</tr>
</table>
</BODY>
</HTML> alguien me puede decir que esta mal o que debo hacer para que me funcione en el servidor de php
Gracias
