<script type="text/javascript">
var segundos = 1 
var dire = "img/" 

var imagenes=new Array()
	imagenes[0]=".jpg"
	imagenes[1]="2.jpg"
	imagenes[2]="3.jpg"
	imagenes[3]="4.jpg"
	imagenes[4]="5.jpg"
	imagenes[5]="6.jpg"
	imagenes[6]="7.jpg"
	imagenes[7]="8.jpg"
	imagenes[8]="9.jpg"
	imagenes[9]="10.jpg"
	imagenes[10]="11.jpg"
	imagenes[11]="12.jpg"
	imagenes[12]="13.jpg"
	imagenes[13]="14.jpg"
	imagenes[14]="15.jpg"

if(dire != "" && dire.charAt(dire.length-1) != "/")
	{dire = dire + "/"}
var preImagenes = new Array()
for (pre = 0; pre < imagenes.length; pre++){
	preImagenes[pre] = new Image()
	preImagenes[pre].src = dire + imagenes[pre]
}
cont=0
function presImagen(){
	document.foto.src= dire + imagenes[cont]
	subeOpacidad()
	if (cont < imagenes.length-1)
		{cont ++}
	else
		{cont=0}
	tiempo=window.setTimeout('bajaOpacidad()',segundos*1000)
	
}
var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opa = iex ? 100 : 1;
function bajaOpacidad(){
	opa = 0
	cambia()
	presImagen()
}

function subeOpacidad(){
	opaci = iex?100:1;
	if(opa <= opaci){
		cambia()
		opa += iex?10: 0.1;
		var opac
		opac = setTimeout('subeOpacidad()',10)
	}
}
function cambia(){
	eval('document.foto.' + fi + ' = opa')
}
var tiempo
function inicio(){
	tiempo
	bajaOpacidad()
}
function final(){
	clearTimeout(tiempo)
	document.foto.src="img/1.jpg"
	cont = 0
}
</script><img src="img/1.jpg" name="foto" id="foto" alt="imagen" onmouseover="inicio()" onmouseout="final()" width="180" height="135">