🖼️ Galería de temas

Canapin · 2 Febrero, 2026 14:27


	Resumen	Añadir una vista de galería para cada tema
	Vista previa	Haga clic para ver un ejemplo de galería
	Enlace del Repositorio	https://github.com/Canapin/discourse-topic-gallery
	Guía de Instalación	Cómo instalar plugins en Discourse

Descripción

Topic Gallery muestra todas las imágenes de una discusión en una página dedicada.

Casos de uso

Ideal para comunidades y/o categorías centradas en imágenes donde los usuarios publican muchas fotos.
Permite una experiencia fotográfica completa sin que la interfaz de tema normal y otros contenidos estorben.

Puedes probarlo aquí. Esta es principalmente una instancia de prueba, por lo que la disponibilidad no está garantizada.

Características

Características principales

¡Deslizamiento infinito! ^[1]
Filtros de usuario y fecha
Inicia la galería desde una publicación dada
Acceso específico por grupo
Exclusiones basadas en categorías
Enlace a la publicación de origen debajo de la imagen actualmente abierta, para que nunca te pierdas:
Muestra imágenes agrupadas (que pertenecen a la misma publicación) al pasar el ratón por encima:

Navegación de un tema a una galería

Hay varios botones disponibles para navegar desde un Tema a una Galería:

Debajo de la línea de tiempo:

Botón de línea de tiempo de Topic Gallery290×174 2.26 KB
Al final de un tema:
En cada publicación (se puede desactivar en la configuración):

Si abrimos la galería desde una publicación, la galería se filtra y solo muestra imágenes a partir de esa publicación. Puedes cancelar este filtro con un solo clic:

URLs de la galería

La sintaxis de la URL de la galería es la misma que la de un tema normal, pero /t/ se sustituye por /gallery/:

https://canapin.discourse.diy/t/share-your-pictures/10

https://canapin.discourse.diy/gallery/share-your-pictures/10

También hay un punto final JSON público:
https://canapin.discourse.diy/gallery/share-your-pictures/10.json

Seguridad y consultas

El acceso a las características está restringido a los grupos permitidos y en las categorías permitidas.
Las galerías están restringidas a los usuarios con acceso a su tema de origen.

Las consultas de subida excluyen:

Se conserva el orden de las imágenes de una publicación
Imágenes no subidas por el usuario
Referencias que no son de publicaciones (emojis personalizados, avatares, etc.)
Subidas de publicaciones a las que el usuario actual no tiene acceso, lo que significa:
- Susurros (si el usuario actual no puede ver los susurros)
- Publicaciones ocultas
- Publicaciones eliminadas
- Publicaciones de usuarios ignorados

Comportamiento de la galería

Las imágenes con enlace directo no se muestran.
Las imágenes pequeñas no se muestran (la resolución mínima se puede cambiar en la configuración).
Las imágenes duplicadas se muestran una sola vez.
Se muestran las imágenes en las citas.

Configuración

Nombre	Tipo	Predeterminado	Descripción
`topic_gallery_enabled`	booleano	`true`	Habilitar el plugin topic gallery.
`topic_gallery_allowed_groups`	lista_de_grupos	`admins`	Grupos a los que se les permite acceder a la galería de temas.
`topic_gallery_minimum_image_size`	entero (0–1000)	`64`	Ancho y alto mínimos (en píxeles) para que las imágenes aparezcan en la galería. Se excluyen las imágenes más pequeñas que esto en cualquiera de las dimensiones.
`topic_gallery_excluded_categories`	lista_de_categorías	`""`	Categorías donde la galería de temas está deshabilitada. Los temas en estas categorías no mostrarán botones de galería ni la página de galería.
`topic_gallery_post_menu_button`	booleano	`true`	Mostrar un botón de galería dentro de cada publicación.

Por defecto, el plugin está habilitado solo para administradores. Visita la configuración para habilitar otros grupos.

Al llegar al final del primer lote de imágenes, se carga y añade automáticamente el siguiente lote. ↩︎

Canapin · 16 Febrero, 2026 12:40

Finalmente publiqué este complemento
Puede ver una vista previa aquí: Gallery - Share your pictures! - Canapin

MarkoK · 16 Febrero, 2026 13:02

Esta es una idea y una implementación geniales.
Lo intentaré más tarde, pero ¿hay alguna forma de añadir una descripción de imagen que se muestre en la ventana emergente de la imagen debajo de la imagen?

NateDhaliwal · 16 Febrero, 2026 13:30

Creo que puedes usar texto alternativo:

![Algún texto alternativo aquí](upload://...)

También puedes hacer clic en la imagen de arriba para ver el texto alternativo.

Canapin · 16 Febrero, 2026 13:55

Ah, hay una omisión por mi parte. La configuración de photoswipe de este complemento parece mostrar el nombre de archivo original en lugar del título personalizado. Lo arreglaré

NateDhaliwal · 16 Febrero, 2026 13:58

@Canapin ¿Por qué no usar la función lightbox() integrada de Discourse?

github.com/discourse/discourse

frontend/discourse/app/lib/lightbox.js

main

import { isRailsTesting, isTesting } from "discourse/lib/environment";
import { helperContext } from "discourse/lib/helpers";
import { SELECTORS } from "discourse/lib/lightbox/constants";
import quoteImage, {
  canBuildImageQuote,
} from "discourse/lib/lightbox/quote-image";
import { isDocumentRTL } from "discourse/lib/text-direction";
import { escapeExpression } from "discourse/lib/utilities";
import { i18n } from "discourse-i18n";

export default async function lightbox(elem, additionalData = {}) {
  if (!elem) {
    return;
  }

  const currentUser = helperContext()?.currentUser;
  const siteSettings = helperContext().siteSettings;
  const caps = helperContext().capabilities;

  const { default: PhotoSwipeLightbox } = await import("photoswipe/lightbox");

This file has been truncated. show original

Canapin · 16 Febrero, 2026 14:08

Aparentemente, aunque puedo usar la caja de luz (lightbox) integrada (eso es lo que estaba haciendo en las primeras versiones de este complemento), no puedo configurarla y ajustarla a mis necesidades. En particular, no pude hacer que interactuara con mis métodos para la carga infinita/deslizamiento, así que tuve que implementar la mía propia.

Canapin · 16 Febrero, 2026 14:59

Lamentablemente, no puedo solucionar esto. Los títulos de las imágenes están escritos en el contenido de las publicaciones y no se almacenan en ninguna tabla.

Por razones de rendimiento, mis consultas no devuelven el contenido de las publicaciones, por lo que no puedo analizarlo para recuperar los títulos.

Supongo que dejaré los nombres de archivo entonces. Aunque esta información rara vez es valiosa…
Los nombres de archivo sin modificar a menudo revelan de dónde proviene la imagen.

Por ejemplo, en mi instancia de prueba:

image.png → “image” los nombres de archivo son imágenes pegadas directamente en el compositor
Gemini_Generated_Image_8h4wt58h4wt58h4w.jpg → Adivina
ComfyUI-ExtraMD-Large_315126945425344_00000.jpg → Generador de imágenes de IA local
the-tattooer-is-totally-right-v0-s2f8spm3l-D5908.jpg → Probablemente guardada de un sitio web
cropped-android-chrome-512x512-1-32x32.png → Captura de pantalla de un smartphone

Etc.

Tema		Respuestas	Vistas
Filter posts with images (gallery view) Feature	3	1439	3 Septiembre 2020
[Paid] Grid Gallery Plugin Marketplace	2	1626	17 Marzo 2018
All latest images in posts from a category Feature	4	1362	12 Julio 2020
What are good plugins or theme components for a forum emphasizing pictures? Community	12	1819	4 Agosto 2025
Help with displaying images in a post Dev	10	185	3 Noviembre 2025