Images and Galleries
planned
K
Kilian Wi
Hey, would love to see that built in. For now I just mayde a quick fix via the html and css injection for my image zoom.
Could not attach my files, nor paste the code here so you can find it via the link:
https://justpaste.it/bedhi
All the best
D
David
Kilian Wi Thank you! How can I include this in Wiki.js?
K
Kilian Wi
David In the admin area, you can add ccSSSS code and HTML code under “Theme”. Just make sure that you don't overwrite existing code, but append it below.
Lev Rozhkov
Kilian Wi
Just a little bit extended your idea with Gemini and GPT...
English interface:
css https://justpaste.it/i7jig
body https://justpaste.it/ghoi1
Russian interface:
css https://justpaste.it/j0ib7
body https://justpaste.it/k7ug5
----
Interactive Gallery: All images on the page are automatically gathered into a single gallery. Easily switch between them using the on-screen arrows or your keyboard.
Thumbnail Bar: At the bottom of the screen, a thumbnail strip provides a quick overview of all images for fast navigation. It can be collapsed to avoid obstructing the view and then expanded again with a dedicated button.
Advanced Controls:
Display Modes:
Choose how to display the image:
Fit: Fits the entire image within the window.
Fill: Scales the image to fill the window by its largest dimension.
Original: Displays the image at its actual 1:1 size.
Smooth Zoom: Zoom in and out using the + / - buttons or your mouse wheel.
Panning (Drag & Drop): If an image is zoomed in, simply click and drag it to explore the details.
Rotation: Easily rotate the image 90 degrees with a single click.
Quick Actions:
Download: A button for instantly downloading the current image.
Copy Link: A handy function to copy the direct link to the image file.
Full Hotkey Support: Control all viewer functions without taking your hands off the keyboard. A hotkey help guide is available right in the interface!
Responsive Design: The interface looks and works great on both large desktop screens and mobile devices, with full support for touch gestures for panning.
Erorah
Actually looking for a link to a Wiki with a popup gallery and lightbox implementation. We would like to see if these may be added to our game wiki - at least as a gadget for those who wish to turn in on, for for full implementation to the whole site.
If we could see how this has been implemented, it would help to move us forward.
Thank you so much in advance :)
Sahil Shah
I would also like to be able to zoom into these popup image. This would help for larger diagrams created using draw.io in the editor.
Nicolas Giard
Merged in a post:
Make images clickable by default
Cutter
Inserted images should be clickable by default to avoid workarounds like wrapping images in links. Especially needed for resized images that lose a lot of information.
Nicolas Giard
planned
Nicolas Giard
Merged in a post:
Popup for images
Adam Kotnik
Some JS and CSS to make images popup on click. I needed this feature for our work wiki and have been able to make it work by adding head and body HTML injection through Theme options in admin UI.
J
Justin Xin
Second this, and especially the point about having sliders/slideshows. We are using Wiki.js to create user guides, and in some cases, we need a visual step by step guide, which is presented easily when we have an image carousel/slideshow.
Tak-MK
I would also link this one thing here --> https://feedback.js.wiki/wiki/p/image-links-open-in-new-tab-or-modal
Nicolas Giard
Merged in a post:
Auto link to full image when resizing in markdown
Tom Hung
Many times we make large files and want to put the thumbnail version on the page.
ie.
It would be great to add an indicator to also link the smaller image to the full path of the image.
Currently we have to do the following:
[](/path.jpg)
Matheus Santos Oliveira
Very nice feature that migth not give a lot of work to implement
Load More
→