codigo de tunait

[urgido]

Hola,

me he encontrado con este código el cual hace un efecto de luz al pasar el ratón sobre una imágen, pero yo quisiera que este código funcione para varias imágenes ya que por el momento solo funciona en una. Saludos

Código HTML:

<script type="text/javascript">
/*****************************************************************************
Efecto en imagen. Script creado por Tunait!(2002)
Actualizado el 28/12/2003
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
[email protected] 
******************************************************************************/
var iex = navigator.appName=="Microsoft Internet Explorer"?true:false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opaMax= iex?100:1;
var opaMin= iex?50:0.5;
var inc = iex?5:0.05;
function subir(cual){
	opa = new Number(eval('cual.' + fi))
	eval('cual.' + fi + '= opa + inc')
	if(opa< opaMax){
		tiempo2=setTimeout("subir(imagen)",20)
	}
	if(opa == opaMax){
		clearTimeout(tiempo2)
	}
}
function bajar(cual){
	imagen = cual
	opa = new Number(eval('cual.' + fi))
	eval('cual.' + fi + '= opa + inc')
	if(opa > opaMin){
		eval('cual.' + fi + '= opa - inc')
		tiempo=setTimeout("bajar(imagen)",20)
	}
	if(opa == opaMin){
		clearTimeout(tiempo);
		subir(imagen)
	}
}
if(iex){
	with(document){
		write ('<style type="text/css" >')
		write ('#pepe {')
		write ('filter: alpha(opacity=100)}')
		write ('</style>')
	}
}
	else{
	window.onload=function(){
		document.getElementById('pepe').style.MozOpacity = 1
	}
}
</script> 

[tunait]

Hola urgido,

Asigna un id distinto a cada imagen. Supongamos que agregas 2, de nombre ima1 e ima 2

Agréga a una hoja de estilos lo siguiente

#ima1, #ma2{
filter: alpha(opacity=100)
}

y agrega lo siguiente en la función javascript (lo que te dejo en rojo)

Código:

if(iex){
	with(document){
		write ('<style type="text/css" >')
		write ('#pepe {')
		write ('filter: alpha(opacity=100)}')
		write ('</style>')
	}
}
	else{
	window.onload=function(){
		document.getElementById('pepe').style.MozOpacity = 1
		document.getElementById('ima1').style.MozOpacity = 1
		document.getElementById('ima2').style.MozOpacity = 1
	}

Un saludo

[urgido]

Me funciona bien, pero con Firefox, Opera no me va bien :(. Y otra cosa si paso el puntero de una imágen a otra rápido una imágen se queda opaca :s

[urgido]

=( al parecer me abandonaron

[JavierB]

Hola urgido

Te paso un par de enlaces donde se hablé sobre la opacidad en Opera:

http://www.forosdelweb.com/f53/validar-css-3-puede-373449/
http://www.forosdelweb.com/f53/opacidad-opera-396806/

Saludos,

[urgido]

JavierB ya lo logre resolver segun un amio le puso una función adicional de onMouseOut y ya ffunciona correctamente. Saludos

[Cap.Buscapina]

Iniciado por urgido

Me funciona bien, pero con Firefox, Opera no me va bien...

Opacity ya se implementa en opera a partir de la version 9 y sería mas o menos así:

document.getElementById('div').style.opacity=0.5;