Comments (12)
Gallery functionality has been added!
I'll keep this issue open for a bit so if you have any suggestions feel free to add them here.
from bigpicture.
@kraigh I'm always open to contributions, but in this case I'll save you the time and try to hammer it out this weekend. Meant to do it last weekend but something came up.
from bigpicture.
This is awesome, thank you!
from bigpicture.
Unfortunately it cannot. I was working on a version that supported this, but had to drop it and haven't gotten back around to it. If I end up finishing it I'll let you know.
baguetteBox is a good lightweight alternative if you don't need video support.
from bigpicture.
👍 for this feature request. Everything I need is a gallery functionality, so that when I click on one photo I can navigate to previous and next using arrows on my keyboard or arrows in UI.
And an option for limiting this gallery would be required, I think, that specifying selector of parent element would be a good approach for this.
from bigpicture.
I'll try to work on this when I can. No timeline for now.
from bigpicture.
@henrygd are you open to a PR for this? I'm considering using this for a project and may just add the functionality myself.
from bigpicture.
Update: Didn't finish this weekend, but it's pretty close. Here's the work in progress. Will probably hide the arrows on touch devices.
Other than that I just need to do cross browser testing and update the docs / demo site, so it'll be on here some time in the next few days. Still sitting at a svelte 3 KB gzip so I'm pretty happy with that.
from bigpicture.
Thank u soo much Henry!!!!!!!!
from bigpicture.
Thank you! https://github.com/Albert221/wolszon.me/commit/30ad3b6818946c515f5d742ac0c2d70589abe658
And BTW, I personally don't like that hardcoded [data-bp]
, because I've been using other selector myself and it would be nice to customize it. And it would be really nice if you've documented how galleries are generated in documentation, because I had to look in your source Javascript code to understand how it works.
And BTW2, next time, don't commit code changes and code style changes in the same commit, that way your whole patch (f7d370d) is bloated with space->tab changes and we as developers cannot see what was exactly changed.
But I'm very happy that you've successfully finished gallery feature! 🎉
from bigpicture.
@brunnohofmann no problem!
@Albert221 Sorry about that! Started using prettier recently and forget to disable it. I agree that's really annoying.
As for the attribute, I was trying to think of the easiest way to tie images to elements, to make sure the image always closes into the right place, without forcing a specific html structure. Next update (this weekend, probably) I'll let people use a custom attribute name and make the alternative array method more robust. And improve the docs :)
from bigpicture.
I'll go ahead and close this issue now.
Small update soon to make implementation a little more flexible. If you have any ideas for other improvements, feel free to open an issue or get in touch with me another way.
from bigpicture.
Related Issues (20)
- dimensions not working for <video> HOT 3
- Feature request. support for responsive images by using srcset attribute HOT 1
- Destroy BigPicture HOT 2
- Add support for start time for YouTube videos HOT 1
- Feature request. Make use of youtube nocookie domain. HOT 2
- Content Security Error - refused to evaluate string HOT 2
- Es6 modules HOT 1
- Separate scripts for video demos HOT 3
- Feature request: Option to pass controlslist value to HTML Video HOT 2
- Feature request: add swipe support HOT 3
- Feature request: support pinch zoom in/out HOT 1
- Full screen button on Vimeo player not working when browser is full screen HOT 1
- Feature request - support for iframes with variable height HOT 8
- Feature request: Publish 2.6.0 to npm HOT 1
- Feature request : control the video looping HOT 6
- Feature Request: Fill screen HOT 3
- Youtube videos start in lower quality HOT 9
- HLS Support? HOT 1
- If ytNoCookie is true, YouTube video will not autoplay in Safari HOT 2
- Implement on plain-Jane, non-framework, basic HTML/JS/CSS pages HOT 2
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 bigpicture.