Please add some docs about how to create own UI

dimsemenov / PhotoSwipe

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

http://photoswipe.com

MIT License

24.18k stars 3.31k forks source link

Please add some docs about how to create own UI #1012

Open COLABORATI opened 8 years ago

COLABORATI commented 8 years ago

I am trying to add a menu and some very small static overlay to a non-modal gallery - as this does not seem to work with a simple div container in the html with the gallery, I am fiddling around with the default-ui-js - but just trial and error, please add some documentation about this skinning feature, thank you!.

how can i add e.g. a drawbar menu with some expanding div on the fullscreen gallery view with the ui logic?

thanks for your attention!

dimsemenov commented 8 years ago

To add drawbar menu at side: change width of .pswp__scroll-wrap element and append contents of your menu before the closing .pswp element.
To make custom UI, you just take default UI file, change its class, or edit it directly. It just uses public methods and properties from documentation.

COLABORATI commented 8 years ago

Thanks for the hints, I am making some progress! Keep up the good work, great to see this photoswipe new version!

isapir commented 8 years ago

Is it possible to "extend" the default UI object and just override some properties? For example, I want to be able to override the click event of the navigation buttons and the keyboard arrow keys.

The reason I don't like to edit the file is that I might not be able to upgrade if you make breaking changes in the future.

Thanks!