Galería de Fotos con Javascript

jesuscybernetico · #1 (**permalink**) 26/02/2007, 19:04

hola soy jesus estoy aprendiendo javascript y diseñando una pagina con galeria de imagenes, pero ocurre que cuando la veo en el ie para verificarla no carga las imagenes sino los objetos ademas de que solo funciona el codigo para una sola imagen y yo lo necesito para todas las imagenes que yo necesite, el codigo lo q hace es cambiar de imagen al hacer click sobre esta, y eso con todas las imagenes de la pagina,

pego el codigo para que lo chequeen y me ayuden y muchaas graaaciassss...

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<script language="javascript">

imagen1=new Image
imagen1.src="imagen01.gif"
imagen2=new Image
imagen2.src="imagen02.gif"
imagen3=new Image
imagen3.src="imagen03.gif"
imagen4=new Image
imagen4.src="imagen04.gif"
imagen5=new Image
imagen5.src="imagen05.gif"
imagen6=new Image
imagen6.src="imagen06.gif"

var a=1;
var b=1;

function cambiar() {
if (a == 1)
{
document.images['ejemplo'].src=imagen2.src
a=2;
}
else if (a == 2)
{
document.images['ejemplo'].src=imagen3.src;
a=3;
}
else if (a == 3)
{
document.images['ejemplo'].src=imagen1.src
a=4;
}

}

function cambiar1() {

if (b == 4)
{
document.images['ejemplo1'].src=imagen5.src
b=5;
}
else if (b == 5)
{
document.images['ejemplo1'].src=imagen6.src
b=6;
}
else if (b == 6)
{
document.images['ejemplo1'].src=imagen4.src
b=4;
}
}
</script>
</head>

<body>
<p><img src="imagen1" name="ejemplo" onMousedown="cambiar()" width="153" height="162"></p>
<p><img src="imagen4.gif" name="ejemplo1" onMousedown="cambiar1()" width="153" height="162"></p>

</body>

</html>

El Patrón. · #2 (**permalink**) 27/02/2007, 00:11

Hola

Bueno, pues a la funcion yo le enviaria un parametro que seria a o b segun la funcion, asi por ej onMousedown = "cambiar(1)" y en la funcion la recibiria como function cambiar(valor) y luego si haria if(valor==1)... etc,, bueno, suerte

jesuscybernetico · #3 (**permalink**) 27/02/2007, 08:04

HOLA MI NOMBRE ES JESUS Y ESTOY DISEÑANDO UNA PAGINA WEB CON GALERIA UTILIZANDO JAVASCRIPT ESTO ES QUE AL HACER CLICK SOBRE LAS IMAGENES ESTAS CAMBIAN Y ASI CON TODAS LAS IMAGENES DE LA PAGINA.
AQUI ESTA EL CODIGO DE LA PAGINA PORSIA.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<script language="javascript">

imagen1=new Image
imagen1.src="imagen01.gif"
imagen2=new Image
imagen2.src="imagen02.gif"
imagen3=new Image
imagen3.src="imagen03.gif"
imagen4=new Image
imagen4.src="imagen04.gif"
imagen5=new Image
imagen5.src="imagen05.gif"
imagen6=new Image
imagen6.src="imagen06.gif"

var a=1;
var b=1;

function cambiar() {
if (a == 1)
{
document.images['ejemplo'].src=imagen2.src
a=2;
}
else if (a == 2)
{
document.images['ejemplo'].src=imagen3.src;
a=3;
}
else if (a == 3)
{
document.images['ejemplo'].src=imagen1.src
a=4;
}

}

function cambiar1() {

if (b == 4)
{
document.images['ejemplo1'].src=imagen5.src
b=5;
}
else if (b == 5)
{
document.images['ejemplo1'].src=imagen6.src
b=6;
}
else if (b == 6)
{
document.images['ejemplo1'].src=imagen4.src
b=4;
}
}
</script>
</head>

<body>
<p><img src="imagen1" name="ejemplo" onMousedown="cambiar()" width="153" height="162"></p>
<p><img src="imagen4.gif" name="ejemplo1" onMousedown="cambiar1()" width="153" height="162"></p>

</body>

</html>

nestor_nestor · #4 (**permalink**) 04/03/2008, 18:54

ya probe tu codigo y las imagenes si aparecen pero solo hasta despues del primer click, ademas tuve que inicializar la varibloe b=4 y no con 1 como la tienes.
saludos

alvaro_gogo · #5 (**permalink**) 30/11/2008, 10:55

En esta web hay varias formas de hacer una galeria de imagenes con java script

http://terrenoweb.com/javascript_imagenes.php

y tambien tiene un curso completo de javascript

http://terrenoweb.com/video_curso_javascript.php

JavierB · #6 (**permalink**) 30/11/2008, 12:21

El mensaje original es de hace más de año y medio. Por favor, no reviváis temas tan antiguos.

Saludos,