problema con este codigo javascript para ver imagenes

mensajeescrito · #1 (**permalink**) 09/12/2012, 00:55

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')">
 
<div id="slideshow">
      <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"/>
</div>
 
 
</body>

gracias de antemano.

caricatos · #2 (**permalink**) 09/12/2012, 01:30

Hola:

Tu código no es javascript sino de alguna librería... tal vez jQuery.

Comprueba que esté cargada... y movemos el tema a su foro.

Saludos

mensajeescrito · #3 (**permalink**) 09/12/2012, 02:33

como que no es codigo javascript? que libreria falta , es que necesito ayuda no que me dejen en tierra de nadie.

caricatos · #4 (**permalink**) 09/12/2012, 02:42

Hola:

El código lo habrás sacado de alguna parte

... Si fuese código libre, normalmente se documenta... revisa la fuente de ese código... seguramente exista alguna sección script que no has contemplado.

Saludos

mensajeescrito · #5 (**permalink**) 09/12/2012, 03:48

vale en ese caso como puedo hacer para que este javascript haga un fade out a una imagen que esta en una capa div , pero que lo haga por la id que lleve la capa div ???

Código Javascript:

Ver original$("div").click(function () {
          
            $("div").fadeOut("slow");
            
      });

Código HTML:

Ver original<div id="cerrar"><img src="img/slideshow1.jpg"    width="500"    height="500" title="trabajo1"/></div>

gracias de nuevo de antemano.