Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Galeria Imagenes Javascript

    Cargado por

    Javier Zaragosi
    45 vistas4 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    45 vistas4 páginas

    Galeria Imagenes Javascript

    Cargado por

    Javier Zaragosi

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht ml1-transitional.dtd"> <html xmlns="http://www.w3.

    org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Galeria Javascript</title> <script language="javascript"> //Array en la que debemos incluir // la ruta a todas las imgenes de nuestro album var misImagenes= new Array(3) misImagenes [0]= "001.jpg"; misImagenes [1]= "002.jpg"; misImagenes [2]= "003.jpg"; misImagenes [3]= "004.jpg"; var i = 0; //funcion de carga de la primera imagen function cargarImagen(){ document.imgSrc.src = misImagenes[i] ; } function anterior(){ if(i<1){ var NumImagen = i } else { var NumImagen = i-=1; } document.imgSrc.src = misImagenes[NumImagen]; } function siguiente(){ if(i>2){ var NumImagen = i } else { var NumImagen = i+=1; } document.imgSrc.src = misImagenes[NumImagen]; } //Llamar a la funcin window.onload=cargarImagen; </script> <style type="text/css"> body { margin-top:40px; } td a { font:9px Verdana, Arial, Helvetica, "sans-serif"; color:#FFFFFF; text-decoration:none; </style> </head> <body>

    <div style="width:400px; height:300px; margin: auto;"> <img name="imgSrc" id="imgSrc" alt="Imgenes de la galeria"> </div> <table width="400" border="0" cellspacing="0" cellpadding="0" style="background:#6 66; width:400px; margin: auto;"> <tr> <td align="center"><a href="#" onClick="anterior();"> < Anterior</a></td> <td align="center"><a href="#" onClick="siguiente();">Siguiente > </a></td> </tr> </table> </body> </html> Tienes que variar la lnea donde pone: var misImagenes= new Array(3) y poner el nmero de imgenes que conforman la galera menos uno. Los arrays empiezan a contar a partir del cero. Despus tienes que poner la ruta de todas las imgenes: misImagenes [0]= "001.jpg"; misImagenes [1]= "002.jpg"; misImagenes [2]= "003.jpg"; etc. Con eso debe bastar. Saludos. Comentario realizado el 30/11/2008 Francisco Se me olvidaba... Tambin tendras que cambiar la funcin siguiente() cambiando en la lnea if(i>2){ el 2 por el nmero de imgenes de tu galera menos 2. Es decir si tu galera tiene 10 imgenes, tendras que sustituir el 2 por un 8. Saludos. Comentario realizado el 02/12/2008 Luis Hola Francisco, la verdad que excelente la ayuda que me diste. Lo que si, la funcin de la lnea siguiente al total tambin le reste 1, ya que sino me quedaba una imagen sin ver. Muchas gracias por la rapidez de la respuesta. Un abrazo.. Comentario realizado el 17/12/2008 amber Muchas gracias!! me ayud a resolver un problema de incompatibilidad con flash y al fin pude subir aunque sea una galera en javascript como opcin.

    Gracias otra vez!

    var misImagenes= new Array(12) carpeta = \"contenidos/galeria_fotografia/\"; extension = \".jpg\"; misImagenes [1]= carpeta+\"aerea_1\"+extension; misImagenes [2]= carpeta+\"aerea_2\"+extension; misImagenes [3]= carpeta+\"grupo_1\"+extension; misImagenes [4]= carpeta+\"grupo_2\"+extension; misImagenes [5]= carpeta+\"grupo_3\"+extension; misImagenes [6]= carpeta+\"procesos_1\"+extension; misImagenes [7]= carpeta+\"procesos_2\"+extension; misImagenes [8]= carpeta+\"producto_1\"+extension; misImagenes [9]= carpeta+\"producto_2\"+extension; misImagenes [10]= carpeta+\"producto_3\"+extension; misImagenes [11]= carpeta+\"publicitaria_1\"+extension; misImagenes [12]= carpeta+\"publicitaria_2\"+extension;

    var totales = 12; var i = 1; //funcion de carga de la primera imagen function cargarImagen(){ document.getElementById(\"imgSrc\").src = misImagenes[i]; } function brincar_a(valor) { i = valor; document.getElementById(\"imgSrc\").src = misImagenes[valor]; } function anterior(){ if(i==1){ var NumImagen = i; } else { var NumImagen = i-=1; }

    document.getElementById(\"imgSrc\").src = misImagenes[NumImagen]; }

    function siguiente(){ if(i==totales){ var NumImagen = i; } else { var NumImagen = i+=1; } document.getElementById(\"imgSrc\").src = misImagenes[NumImagen]; } function ver_imagen() { window.parent.location.href = misImagenes[NumImagen]; } window.onload=cargarImagen;

    También podría gustarte