Javascript Códigos

Efecto en Imagen

Imágenes

Efecto en Imagen

El clásico efecto que cambia la opacidad en las imágenes, sólo que este script cambia la opacidad en ambos sentidos.

Configuración

Insertar la imagen y darle un id="pepe" y la llamada a la función onmouseover="bajar(this)"

<img id="pepe" src="fotos/palomita.jpg" onmouseover="bajar(this)" alt="paloma" / >

NOTA: Script actualizado el 28/12/2003

ver el código fuente del ejemplo

Mostrar código

Parte código javascript [Seleccionar]

<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/
tunait@yahoo.com 
******************************************************************************/
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>

Buscador de animales en adopción

Creative Commons License

Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. subir