Piwigo.org

You are not logged in. (Register / Login)

Announcement

  • Forum Index
  •  » Themes
  •  » [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

#16 2016-05-28 23:26:22

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

OK, that means it's not related to the video stuff. The demo is running version 1.2.2.

Thanks for the detailed description. I was able to reproduce it on my iPad. Investigating...

Offline

 

#17 2016-05-29 15:49:18

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

All 3 issues should be fixed in master now. Thanks again for reporting.

Offline

 

#18 2016-05-29 16:04:54

kuzco
Member
Registered: 2013-09-17
Posts: 51

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Congratulation.
After a very quick test, theme is working like a charme.
Will test more later this afternoon, but it seems it is perfect.

Many thanks for your great hard work. I really appreciate it.

Last edited by kuzco (2016-05-29 16:05:24)

Offline

 

#19 2016-05-29 16:29:10

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Great! Thanks.

Just uploaded 1.3.0 to piwigo.org/ext. It's also on the Demo site now (no demo video content yet).

Offline

 

#20 2016-05-29 18:22:21

kuzco
Member
Registered: 2013-09-17
Posts: 51

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Do you have any hint, why I am not seeing the "social integration" or "close" button in the top right corner when I am in PhotoSwipe Slideshow modus on iOS devices ? I only see the "slideshow" button.

The icons are there and usable, but not visible.


On your demo site everything is fine.

Offline

 

#21 2016-05-29 19:05:26

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

For the social buttons, "Social integration" has to be enabled in Bootstrap Default Settings tab.

For the close button, hmm, do you use a Bootswatch color theme? It could be possible that the icon is just black. Do you see the autoplay button?

Last edited by teekay (2016-05-29 19:06:16)

Offline

 

#22 2016-05-29 19:24:18

kuzco
Member
Registered: 2013-09-17
Posts: 51

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

teekay wrote:

For the social buttons, "Social integration" has to be enabled in Bootstrap Default Settings tab.

For the close button, hmm, do you use a Bootswatch color theme? It could be possible that the icon is just black. Do you see the autoplay button?

As I said before, the social button is activated and usable, but not visible.
Please see screenshots.


Update: Played again with the theme and have tried to change the sort order of the buttons in _photoswipe_div.tpl.
Have added after:
<button class="pswp__button pswp__button--autoplay" title="AutoPlay"></button>
again
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
and I do not see again any "close" button on iOS.
Both "close" icons are usable, but not visible.
On windows I do it see it now twice: before and after the Slideshow icon.


Uploaded Images

Last edited by kuzco (2016-05-29 19:49:10)

Offline

 

#23 2016-05-29 20:20:23

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Did this happen after the update, or where the icons missing before?

Does it work if you have only one single tab opened?

Do you own a OS X computer? If so, you could enable web informations on the iOS device's Safari settings, plug it to the Mac and in Safari go to Developer -> <your IOS device> and check the Network tab in dev tools. It could be possible the .svg file isn't served correctly, similar to this issue: [Github] PhotoSwipe issue #788

(The autoplay button is visible, but that one  is a glyphicon font - in theme.css it's set to be pure white, though - not grey)

Last edited by teekay (2016-05-29 20:22:07)

Offline

 

#24 2016-05-29 22:22:37

kuzco
Member
Registered: 2013-09-17
Posts: 51

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

teekay wrote:

Did this happen after the update, or where the icons missing before?

Does it work if you have only one single tab opened?

Do you own a OS X computer? If so, you could enable web informations on the iOS device's Safari settings, plug it to the Mac and in Safari go to Developer -> <your IOS device> and check the Network tab in dev tools. It could be possible the .svg file isn't served correctly, similar to this issue: [Github] PhotoSwipe issue #788

(The autoplay button is visible, but that one  is a glyphicon font - in theme.css it's set to be pure white, though - not grey)

You are so good ! :-)
It was exactly the error you mentioned above. Without that hint, I would have been lost.

I have only to add a mime-type ".svg" / "image/svg+xml" to my Windows-Internet-Information-Server and now I do see all the buttons/icons.
Perhaps it makes sence to add this to the readme .

Many many thanks again. You made my day.

Last edited by kuzco (2016-05-29 22:29:40)

Offline

 

#25 2016-05-30 19:54:31

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

New version 1.3.1 is out with following changes:

* Add native HTML 5 video support to picture page (can replace piwigo-videojs)
* Fix PhotoSwipe fullscreen video on Linux
* Fix broken piwigo-videojs on PhotoSwipe video close

Offline

 

#26 2016-06-03 19:00:05

kuzco
Member
Registered: 2013-09-17
Posts: 51

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hello,
great update.

Can you please check the following on an iPad/iPhone:
- when using the PhotoSwipe function and I am seeing a thumbnail of a video, the whole screen will start the video when touching the screen. I have to press permanent the touchscreen and wipe left or right to change the thumbnail/picture
- it is possible to make sure that only the size of the thumbnail can start the play of the video and not also the black border ?

Regards
kuzco

Update: Have done a test on your demo site. It seems it happens in dependence of the size of the thumbnail or video.
Your sample video 1280x720 does have the same issue, the sample video 720x480 not.
Hope this helps.


Uploaded Images

Last edited by kuzco (2016-06-03 19:19:46)

Offline

 

#27 2016-06-03 19:58:31

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Indeed, this happens mostly on large videos.

As a quick fix, edit line 232 of template/_photoswipe_js.tpl where it says

Code:

v.one('{if get_device() == 'desktop'}click{else}touchstart{/if}', (function(event) {

replace the touchstart with a tap

Code:

v.one('{if get_device() == 'desktop'}click{else}tap{/if}', (function(event) {

That should fix it (hopefully without breaking android).

I'm currently working on redesigning the navbars a bit (in offcanvas-navbars git branch), so it might take some time 'till next release :)

Offline

 

#28 2016-06-03 20:50:33

kuzco
Member
Registered: 2013-09-17
Posts: 51

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Thanks again.
Working like a charme on iPad/iPhone.

I have no idea about what you are talking, but I'm curious about what will come.

Regards
kuzco

Last edited by kuzco (2016-06-03 20:53:03)

Offline

 

#29 2016-06-06 13:07:35

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

New version 1.4.0 is out.

Changes:
* Redesigned the navbars. The lower navbar now sticks to the top when scrolling down (affix) and collapses to a vertical navmenu on the right hand side (using jasny-boostrap's offcanvas plugin)
* Make the Jumbotron available on mobile devices if enabled in settings
* Indicate sub-categories in "Albums" menu by applying 5px padding-left for each level
* Fix Batch Downloader Plugin button when download permission is set to predefined size instead of all sizes
* Fix Batch Downloader Plugin menu for already generated zip files
* Fix swipe events on video content in PhotoSwipe
* Fix Link colors in lower navbar's header when Bootswatch themes are enabled
* Many small CSS fixlets for the default Darkroom theme

Offline

 

#30 2016-06-09 18:24:53

teekay
Member
Registered: 2013-06-12
Posts: 283

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

New version 1.4.1 is out.

* Make share buttons in PhotoSwipe honor the social settings, add share to whatsapp for mobile devices (works in iOS only)
* fix a nasty bug in slick carousel when center mode is enabled and there are only a few images
* another round of little CSS enhancements

And just for the fun a little lesson in "Pimp My Piwigo frontpage":
https://pwgdemo.kuther.net/index/page/s … h_carousel
Most photos from helmuc's www.artforweb.co.uk - thanks for the great royalty-free flower stocks!
See how it works in the wiki: https://github.com/tkuther/piwigo-boots … ent-images

Last edited by teekay (2016-06-09 18:40:33)

Offline

 
  • Forum Index
  •  » Themes
  •  » [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Board footer

Powered by FluxBB

github twitter facebook google+ newsletter Donate Piwigo.org © 2002-2017 · Contact