[Pregunta]: ¿Como hacer una "foto galeria" sin saber cuantas imagenes serán?

Iniciado por Leguim, 30 Diciembre 2018, 02:42 AM

0 Miembros y 1 Visitante están viendo este tema.

Leguim

¿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..

EdePC

Saludos,

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

Código (javascript) [Seleccionar]
var imagenes = ["imagen01.jpg", "imagen02.jpg", "imagen03.jpg"];

var index = 1; // Imagen con indice 1 (imagen02.jpg)

// Anterior:
if (index - 1 <= 0) {
  index = imagenes.length - 1; // Hacia la ultima imagen
} else {
  index = index - 1;
}

// Siguiente:
if (index + 1 >= imagenes.length) {
  index = 0; // Hacia la primera imagen
} else {
  index = index + 1;
}


- 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

Leguim

Cita de: 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 (javascript) [Seleccionar]
var imagenes = ["imagen01.jpg", "imagen02.jpg", "imagen03.jpg"];

var index = 1; // Imagen con indice 1 (imagen02.jpg)

// Anterior:
if (index - 1 <= 0) {
  index = imagenes.length - 1; // Hacia la ultima imagen
} else {
  index = index - 1;
}

// Siguiente:
if (index + 1 >= imagenes.length) {
  index = 0; // Hacia la primera imagen
} else {
  index = index + 1;
}


- 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!