elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?  (Leído 2,007 veces)
Leguim


Desconectado Desconectado

Mensajes: 720



Ver Perfil
[Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
« en: 30 Diciembre 2018, 02:42 am »

¿Como hago para hacer una foto galería muy simple? (no me interesa el diseño, mas que nada su funcionamiento)

Consiste en que de ante mano no se cual será la cantidad de imagenes que se podrán ver en la galeria, y cada vez que le doy a un boton pase a la siguiente y al llegar a la ultima vuelva a la primera.. Como dije mas que nada me interesa su funcionamiento, creo que se debería hacer con un for usando la cantidad de imagenes que se subieron pero no se como seguir..


En línea

EdePC
Moderador Global
***
Desconectado Desconectado

Mensajes: 2.156



Ver Perfil
Re: [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
« Respuesta #1 en: 30 Diciembre 2018, 04:00 am »

Saludos,

- Lo más normal es poner en un Array todas las imágenes e ir jugando con el Índice:

Código
  1. var imagenes = ["imagen01.jpg", "imagen02.jpg", "imagen03.jpg"];
  2.  
  3. var index = 1; // Imagen con indice 1 (imagen02.jpg)
  4.  
  5. // Anterior:
  6. if (index - 1 <= 0) {
  7.  index = imagenes.length - 1; // Hacia la ultima imagen
  8. } else {
  9.  index = index - 1;
  10. }
  11.  
  12. // Siguiente:
  13. if (index + 1 >= imagenes.length) {
  14.  index = 0; // Hacia la primera imagen
  15. } else {
  16.  index = index + 1;
  17. }

- Puede que te interese ver los ejemplos que tiene BootStrap e incluso examinar su metodología: https://getbootstrap.com/docs/4.2/components/carousel/#with-controls


En línea

Leguim


Desconectado Desconectado

Mensajes: 720



Ver Perfil
Re: [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
« Respuesta #2 en: 30 Diciembre 2018, 22:59 pm »

Saludos,

- Lo más normal es poner en un Array todas las imágenes e ir jugando con el Índice:

Código
  1. var imagenes = ["imagen01.jpg", "imagen02.jpg", "imagen03.jpg"];
  2.  
  3. var index = 1; // Imagen con indice 1 (imagen02.jpg)
  4.  
  5. // Anterior:
  6. if (index - 1 <= 0) {
  7.  index = imagenes.length - 1; // Hacia la ultima imagen
  8. } else {
  9.  index = index - 1;
  10. }
  11.  
  12. // Siguiente:
  13. if (index + 1 >= imagenes.length) {
  14.  index = 0; // Hacia la primera imagen
  15. } else {
  16.  index = index + 1;
  17. }

- Puede que te interese ver los ejemplos que tiene BootStrap e incluso examinar su metodología: https://getbootstrap.com/docs/4.2/components/carousel/#with-controls

Gracias Ede por responder a mi tema! perdona mi ignorancia pero en el array que se creo, en este caso: var imagenes = ['imagen1.jpg', 'imagen2.jpg', 'imagen3.jpg'];

Mi pregunta es como hago con PHP que se declaran las imagenes que suba el usuario en esa variable?
Es como un sistema de publicaciones donde el usuario podrá subir imagenes entonces habrían casos donde se subirian 3 fotos otras en las que serían 7, etcétera.. Gracias!
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines