wangchucheng/hugo-eureka

Gallery/Slideshow to show all images for post in fullscreen

Open

#97 opened on Apr 21, 2021

View on GitHub
 (2 comments) (1 reaction) (0 assignees)HTML (857 stars) (198 forks)batch import
enhancementhelp wanted

Description

Is your feature request related to a problem? Please describe.

Images can not be clicked or viewed in fullscreen mode.

Describe the solution you'd like It would be a great feature to make them clickable and swipe to all images for one post.

Contributor guide

Tech stack
htmlcssjavascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Familiarity with Hugo theme developmentBasic HTML/CSS/JavaScriptUnderstanding of image handling in Hugo
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Start by examining how images are currently rendered in the Hugo Eureka theme, specifically the single post template (e.g., layouts/ default/single.html). Look for any existing image handling or lightbox functionality. Then research JavaScript libraries like Lightbox2 or Swiper.js to implement a fullscreen gallery. The goal is to make images clickable and allow swiping through all images in a post. Consider adding a gallery shortcode or modifying the existing image markdown rendering. Check the theme's documentation and GitHub issues for any prior discussion. After implementation, test with multiple images in a single post.