Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Leguim en 30 Diciembre 2018, 02:42 am



Título: [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
Publicado por: Leguim 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..


Título: Re: [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
Publicado por: EdePC 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


Título: Re: [Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?
Publicado por: Leguim 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!