Optamos por reducir el tamaño mínimo para la visualización en lightbox; parecía que una buena parte de quienes lo usaban empleaban imágenes ligeramente más pequeñas o justo de 400 x 300. Eso funcionó muy bien.
@Heather_Dudley ¿Cómo lo lograste? En la configuración de administración no pude encontrar una opción de lightbox para cambiar el tamaño.
Es tamaño máximo de imagen y altura máxima de imagen: si buscas “tamaño máximo de imagen”, encontrarás ambos. Cualquier cosa que supere ese límite se mostrará en un lightbox.
Hola a todos
¿A alguien más le siguen dando problemas las imágenes que quedan fuera de la “caja” del mensaje?
Por ejemplo, aquí algunas de las imágenes se han desplazado hacia la derecha y no son visibles
Hola, soy nuevo en Discourse y estoy explorando qué galerías de imágenes están disponibles. Actualmente estoy usando PhotoPost Gallery en un foro de vBulletin. ¿Existen importadores disponibles para importar PhotoPost a Tiles? Intenté buscarlo pero solo encontré lo siguiente, y si no recuerdo mal, la conclusión cuando se discutieron esos mensajes fue importar como temas. ¿Sigue siendo esta la forma correcta de hacerlo?
Gracias por el componente.
Funciona bien, pero no estoy obteniendo la “vista previa estática” como se puede ver en tu ejemplo.
Las fotos se resaltan con la línea de la izquierda, pero no se redimensionan.
Después de leer todas las publicaciones anteriores, descubrí que muchos usuarios tienen el mismo problema que yo.
Tanto “Titles Image Gallery” como “Slick Image Gallery” arruinan la disposición de la publicación cuando los usuarios suben imágenes más pequeñas que el valor de la configuración del sitio “Ancho y altura máx. de imagen” en la galería. Entiendo que Discourse no genera una “lightbox” para imágenes pequeñas. Por lo tanto, no hay motivo de queja si los usuarios no pueden hacer clic o ampliar esas imágenes pequeñas.
Sin embargo, es imposible obligar a todos los miembros del foro a subir imágenes más grandes que el valor de la configuración del sitio “Ancho y altura máx. de imagen”. La mayoría de los miembros del foro ni siquiera saben lo que es un píxel ni cómo verificar el tamaño de una imagen. Simplemente suben cualquier imagen que tengan, igual que lo harían en otras redes sociales.
Aquí hay un ejemplo: si la configuración máxima de imagen del sitio está establecida en 690 px tanto para el ancho como para la altura, y los usuarios suben cuatro imágenes de 680x680 px a la galería, la publicación mostrará un gran espacio vacío (680 x 2720 px).
Entiendo que hacer que la galería funcione con todos los tamaños de imagen puede llevar tiempo de desarrollo. Pero por ahora, creo que sería mejor que la galería oculte las imágenes con tamaños no válidos, al menos para que no rompa la disposición de la publicación. Una disposición rota da una mala impresión a los usuarios. Solo mi opinión. ![]()
Al ver en el teléfono móvil, falta la tercera imagen.
En total hay 4 imágenes; puedo verlas todas en el PC.
Sin embargo, al ver en el teléfono móvil, la tercera imagen no aparece.
Desde el inspector del navegador, veo que la tercera imagen está colocada bajo “tiles-col–3”, lo cual no debería ocurrir en pantallas pequeñas.
Esto se debe a que el CSS oculta (display: none) “tiles-col–3” en pantallas pequeñas, lo que hace que la imagen de la columna 3 no se muestre.
Solo quería dar las gracias por este TC. Complementa muy bien un proyecto en el que estoy trabajando. Buen trabajo. ![]()
¿Por qué no se pueden mostrar las imágenes si son más pequeñas que el máximo?
Estoy experimentando los mismos problemas que describe @lhkjacky.
¡Gracias @Heddson por crear un nuevo TC para solucionar el problema de Tiles Image Gallery. ![]()
Masonry Image Gallery:
He sustituido “Tiles Image Gallery” por “Masonry Image Gallery”.
Ahora, añadir imágenes pequeñas en la Galería no romperá la disposición de la publicación. ![]()
¡Hemos estado usando Tile y Slick durante un par de años y a nuestra comunidad les gustan mucho ambos! ![]()
Recientemente actualizamos nuestro foro a Discourse 3.0 y ambos comenzaron a comportarse un poco de forma extraña. No creo que sea por nuestra configuración particular, ya que usamos el tema predeterminado con personalizaciones CSS básicas y solo comenzó a suceder después de la actualización.
El problema con Slick es que un par de imágenes adicionales aparecen fuera del carrusel y, debajo, hay varias filas de puntos clickables. Esto debería explicarlo mejor:
En cuanto al de cuadrícula, la peculiaridad es que una pequeña porción de una imagen adicional aparece a la derecha de la cuadrícula:
En el móvil, la imagen cortada es más ancha, pero sigue cortada:
Estaré encantado de enviar un mensaje privado con enlaces a un foro en vivo donde esto está sucediendo.
¿Alguien más está experimentando esto?
Uso Discourse 3.0.1 beta2.
La vista previa no muestra una vista previa estática:
Sin embargo, la publicación sí muestra las 8 imágenes correctamente:
¿Cuántas imágenes tienes en tu galería? ¿Tienes imágenes con una relación de aspecto de ancho/alto peculiar?
El problema es, de hecho, el número de imágenes: cuando la galería tiene más imágenes que espacio para mostrar las viñetas de imagen, parece romperse de una manera extraña desde Discourse 3.0.
Aquí está el límite hasta el cual todo funciona bien y las viñetas se muestran debajo de la imagen:
Aquí está la misma galería con solo una imagen más:
Todas las viñetas se movieron hacia arriba y se muestran sobre la foto: es un poco difícil verlas con el fondo negro, pero puedes ver al menos una a la izquierda (se vuelven más notables al pasar el cursor), con la adicional que se muestra en la parte inferior.
Anteriormente, al tener muchas imágenes, las viñetas se apilaban en filas debajo de la galería.
Posiblemente relacionado, algunas galerías (también grandes), pero no todas, también se rompieron un poco después de la actualización a Discourse 3.0:
No está claro si esto se debe a la desalineación de las viñetas. Mirando el html, entre ul.slick-list y button.slick-next.slick-arrow hay docenas de <br> con las dos imágenes perdidas entre ellas.
Este componente temático está obsoleto, debes usar la nueva función integrada presentada aquí:
¿Hay una fecha de fin de vida útil para este componente temático? Estamos intentando priorizar el cambio a la nueva función.
¿Creo que este componente ya podría estar roto? ¿Todavía funciona bien en tu sitio?
[Aviso de administrador] Uno de sus temas o complementos necesita actualizarse para ser compatible con los próximos cambios principales de Discourse. (id:discourse.fontawesome-6-upgrade) Tema identificado: ‘Tiles - Gallery Component’.
Es un componente obsoleto, sin embargo.














