Advertisement
Guest User

Untitled

a guest
Feb 20th, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.52 KB | None | 0 0
  1. <script>
  2. //la imagen se compone de un nombre + un secuencial
  3. var nombreBaseImagen = "<%=listaArchivos[3]%>"; //este es el nombre del archivo jpg
  4. var cantidadImagenes = <%=listaArchivos[4]%>; //esta es la cantidad de imagenes
  5. var rutaImagen="temp/"; //la ruta donde se encuentran las imagenes
  6. muestra=0; //el numero secuencial de mi imagen
  7.  
  8. function inicio() {
  9. pantalla=document.getElementById("visor"); //elemento pantalla para ver las fotos.
  10. titulo=document.getElementById("mititulo"); //el titulo de la imagen
  11. //seteo el src de mi tag imagen:
  12. document.getElementById('typeImg').src = "../"+rutaImagen+nombreBaseImagen+muestra+".jpg";
  13. titulo.innerHTML = "Imagen 1 de "+cantidadImagenes;
  14. }
  15.  
  16. //esta funcion es para la galería
  17. function mueve(opcion) { //cambio de imagen
  18. switch (opcion) { //opciones para los distintos botones
  19. case "avance": //botón de avanza 1
  20. muestra++;
  21. if (muestra>=cantidadImagenes) { muestra=0; } //si llegamos al final empieza de nuevo.
  22. estilo="derecho"; //la transición será de derecha a izquierda
  23. break;
  24. case "fin": //botón avanza hasta el final.
  25. muestra=cantidadImagenes-1;
  26. estilo="derecho";
  27. break;
  28. case "retro": //botón retrodede 1
  29. muestra--;
  30. if (muestra<0) { muestra=cantidadImagenes-1; } //si retrocedemos desde el principio va al final
  31. estilo="izquierdo" //la transición será de izquierda a derecha
  32. break;
  33. case "prin": //retroceder al principio
  34. muestra=0
  35. estilo="izquierdo"
  36. break
  37. }
  38.  
  39. document.getElementById('typeImg').src = "../"+rutaImagen+nombreBaseImagen+muestra+".jpg";
  40. titulo.innerHTML = "Imagen "+(muestra+1)+" de "+cantidadImagenes;
  41. }
  42.  
  43. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement