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

 

 


Tema destacado: Rompecabezas de Bitcoin, Medio millón USD en premios


+  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,066 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.176



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 »
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
  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:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
¿Qué necesito saber para hacer una aplicación que simule un "control remoto"?
Desarrollo Web 		Aikanáro Anário 3 4,336 Último mensaje 21 Julio 2011, 22:31 pm
por Kase
La pregunta del millon ¿En realidad se puede hacer "algo"?
Seguridad 		PAVC 2 2,840 Último mensaje 24 Enero 2017, 01:34 am
por PAVC
[Pregunta]: ¿Como puedo hacer esta lógica "ver más"? ya casi lo tengo terminado
Desarrollo Web 		Leguim 0 3,963 Último mensaje 8 Diciembre 2019, 21:07 pm
por Leguim
[Pregunta]: Formato de imágenes "image/webp"
Desarrollo Web 		Leguim 1 4,319 Último mensaje 5 Marzo 2021, 05:55 am
por AlbertoBSD
wordpress hacer "galeria".
Desarrollo Web 		enrique4480 1 3,726 Último mensaje 3 Junio 2024, 17:39 pm
por bcsoluciones
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines