Foros del Web » Programando para Internet » Javascript »

Mostrar número de imagen javascript

Estas en el tema de Mostrar número de imagen javascript en el foro de Javascript en Foros del Web. Hola soy nuevo en Javascript y tengo la siguiente duda: Tengo el siguiente código donde muestro una serie de imágenes, pues me gustaría que arriba ...
  #1 (permalink)  
Antiguo 23/02/2011, 05:29
 
Fecha de Ingreso: enero-2011
Mensajes: 84
Antigüedad: 13 años, 3 meses
Puntos: 4
Mostrar número de imagen javascript

Hola soy nuevo en Javascript y tengo la siguiente duda:

Tengo el siguiente código donde muestro una serie de imágenes, pues me gustaría que arriba o debajo de la imagen apareciera el número del a imagen, por ejemplo, 1/15, 2/15, 3/15... ¿alguien sabe como se hace? Muchas gracias de antemano!

Código:
<table border="0" cellpadding="0">
  <tr>
    <td width="100%"><img src="x1.jpg" name="photoslider"></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
<script type="text/javascript">
var photos=new Array()
var which=0


photos[0]="x1.jpg"
photos[1]="x2.jpg"
photos[2]="x3.jpg"
photos[3]="x4.jpg"
photos[4]="x5.jpg"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><!--webbot
      bot="HTMLMarkup" endspan --><input type="button" value="<<Back" name="B2"
      onClick="backward()"> <input type="button" value="Next>>" name="B1"
      onClick="forward()"><br>
    </td>
  </tr>
</table>
  #2 (permalink)  
Antiguo 23/02/2011, 08:32
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 11 meses
Puntos: 310
Respuesta: Mostrar número de imagen javascript

Puedes hacer algo como esto:
Código Javascript:
Ver original
  1. // ...
  2. document.getElementById('actual').innerHTML = which + 1 +'/' + photos.length;
Código HTML:
Ver original
  1. <div id='actual'>1</div>
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 24/02/2011, 02:09
 
Fecha de Ingreso: enero-2011
Mensajes: 84
Antigüedad: 13 años, 3 meses
Puntos: 4
Respuesta: Mostrar número de imagen javascript

Muchas gracias Cronos!!!

Puse el primer código en las dos funciones y el segundo código cambié el 1 por 1/5 fuera del script y me funcionó a la perfección

Etiquetas: Ninguno
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 17:14.