Hola buenas que tal, veran tengo el siguiente codigo javascript que me lleva de cabeza. No tengo muchos conocimientos imagino que para alguien que sepa mas o menos esto lo vera facil.
Se trata de un codigo para mostrar imagenes desde una ruta de imagenes img.
con: previewslideshow, fade in , fade out:
pero no me funciona pueden ayudarme por favor, el codigo es el siguiente:
Código Javascript
:
Ver original$(document).on("ready", main);
function main(){
$("body").append("<div id='previewslidershow'><div id='imagen'><img src=''width='700' height='350'/><div id='descripcion'><div id='cerrar'></div></div></div>");
$("#slideshow img").on("click", abrirImagen);
$("#previewslideshow #cerrar").on("click", cerrarImagen);
}
function abrirImagen(){
$("#previewslideshow").fadeIn();
$("#previewslideshow img").attr("src","img/slideshow" + ($(this).index() + 1) + ".jpg");
$("#previewslideshow #descripcion" ).text($(this).attr("title"));
}
function cerrarImagen(){
$("#previewslideshow").fadeOut();
}
en el html tengo:
Código HTML:
Ver original<body bgcolor="#999999" onload="MM_preloadImages('auxip/4 flantasticos2.jpg','auxip/aladino2.jpg','auxip/alicia2.jpg','auxip/cavernicola2.jpg','auxip/cerdos2.jpg','auxip/equipoflan2.jpg','auxip/HONG KONG2.jpg','auxip/franki famyli2.jpg')">
<img src="img/slideshow1_thumbail.jpg" width="100" height="100" title="trabajo1"/> <img src="img/slideshow2_thumbail.jpg" width="100" height="100" title="trabajo1"/> <img src="img/slideshow3_thumbail.jpg" width="100" height="100" title="trabajo1"/>
gracias de antemano.