opacidad enphp

marko249 · #1 (**permalink**) 09/03/2007, 14:46

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

chalchis · #2 (**permalink**) 09/03/2007, 14:53

prueba desde tu server con firefox y checa en la consola javascript
si marca un error

saludos

marko249 · #3 (**permalink**) 09/03/2007, 15:39

realice la prueba que me dice pero no me saca ningun error, ni tampoco lo hace

jam1138 · #4 (**permalink**) 09/03/2007, 16:37

Estará difícil te funcione en PHP... ¡porque eso no es PHP!. ¿a qué te refieres con "dentro" y "fuera" del servidor?

Tema movido a JavaScript

marko249 · #5 (**permalink**) 09/03/2007, 17:21

a lo que me refiero es que trabajo con un servidor local y si ejecuto la pagina por fuera del servidor funciona pero si lo hago por el lado del servidor no funciona