Foros del Web » Programando para Internet » Javascript »

Capas e imagenes...

Estas en el tema de Capas e imagenes... en el foro de Javascript en Foros del Web. Holas! Soy nuevo x aki.... Spero k no esté contestada esta pregunta. En realidad, hay una muy similar con pop-ups, pero no consigo adaptarla a ...
  #1 (permalink)  
Antiguo 11/11/2004, 16:32
 
Fecha de Ingreso: noviembre-2004
Mensajes: 7
Antigüedad: 19 años, 5 meses
Puntos: 0
Capas e imagenes...

Holas! Soy nuevo x aki....

Spero k no esté contestada esta pregunta. En realidad, hay una muy similar con pop-ups, pero no consigo adaptarla a mi caso (Posiblemente porque soy tonto!).

Mi problema es el siguiente:
Quiero crear una capa que contenga una imagen en el centro y los botones atras y adelante para cambiarla. Además de un boton para ocultar la capa (esto ultimo a titulo de informacion, xk ya se solucionarlo).

La cantidad de imagenes que debe mostrar no es un numero fijo. Depende del link que se haya clicado (o sea, k hay que pasarle por parametro las imagenes).
Habia intentado hacer algo de codigo, pero lo unico que obtengo es "error en pagina" y no se abren ni siquiera capas que antes funcionaban! Así que para que no tengais k ir a mear (de la risa, claro está), no os muestro mi chapuza, que constaba de dos funciones: Una para crear la lista de imagenes y mostrar la primera, y la otra para pasar a otra imagen.

Por cierto, la pagina la estoy haciendo con Dreamweaver que, por cierto, vaya porqueria de programa! Muy grafico y mucha ostia, pero siempre se acaba en codigo a palo seco
  #2 (permalink)  
Antiguo 12/11/2004, 10:53
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola IzK66. Bienvenido al Foro.

Como no se lo que tienes, tampoco puedo saber lo que te falta. Así que te daré una pequeña orientación:

<div>
<img id="imagen" src="imagen1.gif" />
</div>

Para cambiar la imágen utilizarías:

document.getElementById("imagen").src="imagen2.gif ";

No te de corte poner el código que estás probando. Seguro que cosas peores hemos "creado" algunos.

Saludos,
  #3 (permalink)  
Antiguo 12/11/2004, 16:54
 
Fecha de Ingreso: noviembre-2004
Mensajes: 7
Antigüedad: 19 años, 5 meses
Puntos: 0
Merci por tu interés!
Al final, he buscado otra fuente por internet, pero sigo teniendo problemas. No consigo que me muestre la capa correctamente.

Voy por pasos, a ver si consigo hacerme explicar (xk soy muy malo explicando!)
Este es el codigo del enlace que he puesto en la página para mostrar la capa. En principio no tiene errores. Porque muestra la capa correctamente.
<img src="Images\JPG" width="29" height="34" onClick="MM_inverseLayers('ScreenShot');setUpSlide Show('Images\ScreenShots\QuickPoint')">
Una imagen llamada JPG (sin extension :P), que al clicar, invierte el estado de la capa, de 'visible' a 'hidden' y viceversa, y luego le paso la lista de imagenes que quiero que muestre, en este caso, he puesto sólo una.

El código de la capa es el siguiente (tambien creado automaticamente x l dreamweaver):
<div id="ScreenShot" style="position:absolute; width:176px; height:210px; z-index:2; left: 278px; top: 141px; background-color: #004400; layer-background-color: #004400; border: 1px none #000000; visibility: hidden;">
<p><img src="Images\Previous" width="46" height="34"><img src="Images\Next" width="46" height="34"><img src="Images\ScreenShotBlank" name="SShot" width="176" height="208" onClick="MM_showHideLayers('ScreenShot','','hide') "></p>
</div>

Mucho rollo, para decir que muestre los botones next y previous y una imagen por defecto, que luego hay que cambiar con mis funciones.

Y finalmente, las funciones que he creado, la de chgImage no la llamo desde ningún lado todavia, porque supongo que cuando tenga la priemra función, ya conseguiré arreglarla!
[I]var ImgNum = 0;
NewImg= new Array();

function setUpSlideShow()
{
var i=0,p='hola',args=setUpSlideShow.arguments,obj='Sc reenShot';
ImgNum=0;
for (i=0;i<args.length;i++)
NewImg[i] = args;
document.images[SShot].src=NewImg[ImgNum];
}

function chgImg(direction)
{
if (document.images)
{
ImgNum = ImgNum + direction;
if (ImgNum > NewImg.length-1)
ImgNum = 0;
if (ImgNum < 0)
ImgNum = NewImg.length-1;
document.images[SShot].src = NewImg[ImgNum];
}
}

Y estas son las funciones. Lo que falla es que no aparece la imagen que yo quiero (la que indica la función), sino que siempre muestra la que tengo por defecto puesta :(

Spero k me puedas ayudar!
IzK

Última edición por IzK66; 13/11/2004 a las 07:17
  #4 (permalink)  
Antiguo 13/11/2004, 07:19
 
Fecha de Ingreso: noviembre-2004
Mensajes: 7
Antigüedad: 19 años, 5 meses
Puntos: 0
Ya está, era una tontería.

Acabo de retocar el código anterior y ahora está bien (por si alguien busca algo parecido, y lo quiere aprovechar).

Un salu2 y merci por todo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:48.