Foros del Web » Programando para Internet » Javascript »

cambio de imágenes al hacer click

Estas en el tema de cambio de imágenes al hacer click en el foro de Javascript en Foros del Web. Necesitaría saber cómo hacer una cosa. Estoy haciendo mi página personal y quiero lanzar un pop-up donde mediante un botón de "anterior" y "siguiente" vayan ...
  #1 (permalink)  
Antiguo 10/02/2003, 17:25
Avatar de obi-alf  
Fecha de Ingreso: febrero-2003
Ubicación: Madrid
Mensajes: 119
Antigüedad: 22 años
Puntos: 0
cambio de imágenes al hacer click

Necesitaría saber cómo hacer una cosa.
Estoy haciendo mi página personal y quiero lanzar un pop-up donde mediante un botón de "anterior" y "siguiente" vayan pasando imágenes al hacer click y de las cuales sé el tamaño fijo de cada una de ellas. ¿Cómo lo hago?
Estaba haciéndolo cargando layers, pero no sé resolver el problema a partir de más de 2 imágenes.
¿hay algún código javascript que haga esto?

Gracias y saludos
__________________
corto!
  #2 (permalink)  
Antiguo 10/02/2003, 19:37
Avatar de ShadowII  
Fecha de Ingreso: enero-2003
Ubicación: Canarias
Mensajes: 233
Antigüedad: 22 años
Puntos: 1
Mira este post y el anterior, creo que es lo que buscas.
__________________
Si lo llego a saber...!!!

Corporación Malaestética
  #3 (permalink)  
Antiguo 11/02/2003, 08:36
Avatar de obi-alf  
Fecha de Ingreso: febrero-2003
Ubicación: Madrid
Mensajes: 119
Antigüedad: 22 años
Puntos: 0
bueno, te agradezco la ayuda, pero mi nivel de javascript es muy bajo y el pedazo de código ese no sé ni por dónde cogerlo.
Si sabes o alguien sabe de algo más facilito, lo agradecería.

Gracias por tu ayuda y saludos
__________________
corto!
  #4 (permalink)  
Antiguo 11/02/2003, 10:36
Avatar de obi-alf  
Fecha de Ingreso: febrero-2003
Ubicación: Madrid
Mensajes: 119
Antigüedad: 22 años
Puntos: 0
avanzar retroceder imagenes

Bueno, pues he encontrado un javascript que se ajusta a lo que quiero, asi que lo posteo.

Avanzar y retroceder imágenes mediante <anterior | siguiente>

**meter este código entre <head> y </head>

<script LANGUAGE="JavaScript">
// slider wbc /with button control
// javascriptfacil · www.javascriptfacil.com
var myPix = new Array("imagen01.gif","imagen1gif","imagen2gif","im agen3gif")
var thisPic = 0
function processPrevious() {
if (document.images && thisPic > 0) {
thisPic--
document.myPicture.src=myPix[thisPic]
}
}
function processNext() {
if (document.images && thisPic < 3) {
thisPic++
document.myPicture.src=myPix[thisPic]
}
}</script>


Y luego entre celdas esto (como ejemplo)

<tr>
<td height="375" align="center"><img SRC="imagen01.gif" WIDTH="128" HEIGHT="128" VSPACE="0" HSPACE="0" BORDER="0" LOOP="0" NAME="myPicture"></td>
</tr>
<tr>
<td height="25"><div align="center"><a HREF="javascript:processPrevious()">&lt;&lt;Anteri or</a>&nbsp;|&nbsp;<a HREF="javascript:processNext()">Siguiente&gt;&gt;</a></div></td>
</tr>

*se pueden añadir tantas imágenes como se quieran
__________________
corto!
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 14:10.