Foros del Web » Programando para Internet » Javascript »

carrusel con fotos

Estas en el tema de carrusel con fotos en el foro de Javascript en Foros del Web. hola tengo este codigo para visualizar 6 fotos, pero necesito que el boton anterior y siguiente esten desactivados siempre que esten en la foto primera ...
  #1 (permalink)  
Antiguo 01/02/2005, 00:36
 
Fecha de Ingreso: enero-2005
Mensajes: 5
Antigüedad: 19 años, 2 meses
Puntos: 0
carrusel con fotos

hola tengo este codigo para visualizar 6 fotos, pero necesito que el boton anterior y siguiente esten desactivados siempre que esten en la foto primera y ultima respectivamente y no soy capaz. un saludo. mmenendez

<html>
<head>
<title>Ejercicio6-2.html</title>
<SCRIPT language="JavaScript">
Imagenes=new Array("primera.png","segunda.png","tercera.png","c uarta.png","quinta.png","sexta.png");
imag=0;
n=Imagenes.length-1;
function Siguiente(){
imag++;
if (imag>n)imag=0;
document.FOTO.src=Imagenes[imag];
document.Formulario.anterior.disabled=0;
}
function Anterior(){
var i=0;
imag--;
if (imag<0)imag=n;
document.FOTO.src=Imagenes[imag];
document.Formulario.siguiente.disabled=0;
}
function Primera(){
document.FOTO.src="primera.png"
imag=0;
document.Formulario.anterior.disabled=1;
document.Formulario.siguiente.disabled=0;
}
function Ultima(){
document.FOTO.src="sexta.png"
imag=n;
document.Formulario.siguiente.disabled=1;
document.Formulario.anterior.disabled=0;
}
</SCRIPT>
</head>
<body bgcolor="#f0f8ff">
<h1 align="center"><font color="#000080" face="Verdana"><b>VISOR DE IMAGENES</b></font></h1>
<center>
<table width="600" border="0">
<tr height=300 align="center">
<td colspan=4>
<img border="2" src="primera.png"name="FOTO">
</td>
</tr>
<FORM NAME="Formulario">
<td width=100>
<input type="button" value="<Anterior" name="anterior" onclick="Anterior()">
</td>
<td width=100>
<input type="button" value="|<<Primera" name="primera" onclick="Primera()">
</td>
<td width=100>
<input type="button" value="Ultima>>|" name="ultima" onclick="Ultima()">
</td>
<td width=100>
<input type="button" value="Siguiente>" name="siguiente" onclick="Siguiente()">
</td>
</form>
</tr>
</table>
</center>
</body>
</html>
  #2 (permalink)  
Antiguo 01/02/2005, 01:10
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola mmenendez28, bienvenido a los foros :

La lógica sería: si imag=0 deshabilitar "Anterior" y "Primera", y si imag=n los que se deshabilitan serían "Siguiente" y "Ultima"...

function Siguiente(){
imag++;
if (imag>n)imag=0;
document.FOTO.src=Imagenes[imag];
document.Formulario.anterior.disabled=0;
document.Formulario.siguiente.disabled = (img == n);

// aquí los botones anterior y primera tendrían que estar habilitados
document.Formulario.primera.disabled = false;
}

Si te funciona bien, tan solo debes aplicar la misma lógica para el otro caso.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 15/01/2011, 19:51
 
Fecha de Ingreso: mayo-2010
Mensajes: 212
Antigüedad: 13 años, 11 meses
Puntos: 3
Respuesta: carrusel con fotos

y como se moverian las imagenes con un Mouse over?
__________________
Por favor dejenme Karmas
  #4 (permalink)  
Antiguo 16/01/2011, 00:13
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: carrusel con fotos

Tema cerrado por viejo

Ursulo: Para preguntas nuevas, crea temas nuevos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 15:25.