Fit a div 100% and opening full-screen as an overlay when onclick'd?

dimsemenov / PhotoSwipe

JavaScript image gallery for mobile and desktop, modular, framework independent

http://photoswipe.com

MIT License

24.25k stars 3.31k forks source link

Fit a div 100% and opening full-screen as an overlay when onclick'd? #793

Open Inlesco opened 9 years ago

Inlesco commented 9 years ago

I haven't figured this out. I've configured pswp to display all images as a full-screen gallery. Where can make pswp__container to fit into a wrapper div? How do I make pswp an overlay so it goes full-screen whenever I click on it?

Also, a question on UI: how to make counter show when there's 1 photo in the gallery?

dimsemenov commented 9 years ago

For now there is no such option, though this feature is planned.

I recommend to just implement very simple scroller with overflow-x:scroll (you can use iscroll as a fallback, or https://github.com/filamentgroup/Overthrow-Sidescroller, or any other slider/carousel), click on images in which - opens PhotoSwipe. Or just stack images under each other, or use a grid, it'll be much more accessible/seo-friendly.

louisdmli commented 9 years ago