Comments (1)
I know it's possible because I've seen another person implement it and provide it as a shortcode for Hugo Static Site Generators. However, when they use it, they don't use the sizeRangeSuffixes option. When I tried to implement that same code, it was working for a bit. But then I added the sizeRangeSuffixes and it failed, so I'm guessing somewhere in the code when that's present, the swap happens automatically after the initial gallery is loaded. Ideally, I'd like to load a base64 encoded 1-pixel version and then lazy load the larger appropriate image as the user scrolls. But the sizeRangeSuffixes seems to prevent this. I'm not a talented enough programmer to root around in the code to see if there was some way to augment the sizeRangeSuffixes with a lazy load option, but hopefully, this could give you a place to start? https://github.com/mfg92/hugo-shortcode-gallery
from justified-gallery.
Related Issues (20)
- WebP support HOT 3
- Grammar: "Justified Gallery is a JavaScript library that allows you to create an high quality justified gallery of images."
- dist/css/justifiedGallery.min.css is not minified
- Lazyloaded images are not rendered on Firefox
- sizeRangeSuffixes doesn't work if the preview is embedded using base64 encoding
- Justify first instead of last row when odd number of images HOT 1
- Separate row height for smartphone/mobile devices HOT 4
- Many pictures are loaded but not shown.
- Multiple containers and jumping scroll position
- Is it possible to set breakpoints for different rowHeights? HOT 1
- I can't embed videos in a href tag
- Howto unhide lastrow = hide?
- page freeze
- Additional features!
- How to get it to work with ES6 Modules (if you're finding it isn't working)
- limit the number of images
- Uncaught TypeError: this.resetImgSrc is not a function
- How to "fill" the screen with thumbnails, but not more rows... HOT 1
- Captions don't display for videos
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from justified-gallery.