Page 1 of 5

major upgrade lightbox and usergallery plugins

Posted: Mon Oct 27, 2014 3:00 pm
by Timbalu
Tomorrow on Spartacus: Attention!
  • Lightbox plugin v.2.0, which is a major version! It will remove nearly all lightboxes that have been previously delivered, except prettyPhoto, which was updated only. From now on you can switch between lightbox2-jquery, colorbox, magnificPopup and prettyPhoto. If you have custom styled lightboxes, back them up before upgrading!
  • Usergallery plugin v.1.6.3 extends to the lightbox plugin, using its lightbox scripts for usergalleries by option. Read the 'use lightbox' option description!

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 7:07 pm
by bernd_d
Thank you for this update. I have tried all lightboxes and it seems, magnific does not work proberly, like you can see in https://bernd.distler.ws/archives/1500- ... r-EGA.html

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 7:16 pm
by Timbalu
Yes, sorry. I have already noticed and have corrected it this morning. It was the noConflict mode making trouble. Shit happens. On Spartacus tomorrow. :)

Edit: I could not test these scripts working on a smartphone or tablet, using touch features. They should do much better than the old lightboxes we had before. So if anyone has capabilities to check this out and give some feedback about ones experiences, I would be pleased.

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:25 pm
by Dergln
Works just fine.

Thanks for updating this !

edit: For me, nothing except lightbox works.

They don't even give a specific error, neither when called by site load, nor on click.
ColorBox: no error
magnific: TypeError: $ is not a function (on site load, not click)
pretty: no error

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:30 pm
by yellowled
Dergln wrote:Works just fine.
Erm, nope. :)

Code: Select all

Uncaught TypeError: undefined is not a function | jquery.magnific-popup.init.js:8
Seems to have something to do with a:visible.

YL

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:31 pm
by bernd_d
Timbalu wrote:I could not test these scripts working on a smartphone or tablet, using touch features. They should do much better than the old lightboxes we had before. So if anyone has capabilities to check this out and give some feedback about ones experiences, I would be pleased.
iPhone 6 with Safari

ColorBox: Works good, even slideshow, in portrait-mode. Landscape is not usable, because images are always resized to full width, so you have to scroll up and down.

Lightbox 2 jquery: Works good in portrait and landscape, no problems with resize like ColorBox.

prettyPhoto: Really small images, not resized to full width.

Currently Lightbox 2 seems to be best (and looking good) for Safari. ColorBox has problems with landscape and prettyPhoto-images are too small.

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:34 pm
by Dergln
yellowled wrote:Erm, nope. :)
Already corrected my post...should have been more careful with trusting strangers on the internet ! :mrgreen:

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:39 pm
by yellowled
bernd_d wrote:iPhone 6 with Safari
You do realize that lightboxed images are kind of pointless on smartphone screens anyway, right?

That being said, magnificPopup probably has the best support for/usability on mobile devices of all the lightboxes I have seen. (If it works, of course.)

YL

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:42 pm
by bernd_d
yellowled wrote:You do realize that lightboxed images are kind of pointless on smartphone screens anyway, right?
Ehm, no. I think they are quiet useful when using the gallery-function.

Re: major upgrade lightbox and usergallery plugins

Posted: Tue Oct 28, 2014 8:48 pm
by yellowled
bernd_d wrote:Ehm, no. I think they are quiet useful when using the gallery-function.
Well, I guess, if you enjoy watching a slideshow of images that are roughly 300px wide (max) over scrolling through a list of images which are (in your case) roughly 270px wide (max) …

My point is: lightboxes are pretty limited on small screens. Most users probably won't even tap on thumbnails to get a full-size view on mobile devices. (Which doesn't mean a lightbox should not work on small screens, it's just usually not their priority.)

YL

Re: major upgrade lightbox and usergallery plugins

Posted: Wed Oct 29, 2014 9:00 am
by Timbalu
yellowled wrote:
Dergln wrote:Works just fine.
Erm, nope. :)

Code: Select all

Uncaught TypeError: undefined is not a function | jquery.magnific-popup.init.js:8
Seems to have something to do with a:visible.

YL
You guys did not read the 2d and 3rd post, which already declared there is an update on the road for magnific, which will be available on Spartacus after sync, which is ~9:30am UTC+1 today! :)

Re: major upgrade lightbox and usergallery plugins

Posted: Wed Oct 29, 2014 9:10 am
by Timbalu
yellowled wrote:My point is: lightboxes are pretty limited on small screens. Most users probably won't even tap on thumbnails to get a full-size view on mobile devices. (Which doesn't mean a lightbox should not work on small screens, it's just usually not their priority.)
That is exactly why I actually asked for touch device experiences.
At least magnific has an option for the init call, to disable the lightbox on small screen devices, eg:

Code: Select all

disableOn: function() {
  if( $(window).width() < 600 ) {
    return false;
  } 
  return true;
}
I wasn't sure to enable this by default.

Re: major upgrade lightbox and usergallery plugins

Posted: Wed Oct 29, 2014 9:34 am
by Timbalu
bernd_d wrote:
Timbalu wrote:I could not test these scripts working on a smartphone or tablet, using touch features. They should do much better than the old lightboxes we had before. So if anyone has capabilities to check this out and give some feedback about ones experiences, I would be pleased.
iPhone 6 with Safari

ColorBox: Works good, even slideshow, in portrait-mode. Landscape is not usable, because images are always resized to full width, so you have to scroll up and down.

Lightbox 2 jquery: Works good in portrait and landscape, no problems with resize like ColorBox.

prettyPhoto: Really small images, not resized to full width.

Currently Lightbox 2 seems to be best (and looking good) for Safari. ColorBox has problems with landscape and prettyPhoto-images are too small.
Thanks! :)

So it seems we should disable prettyPhoto for small devices, or set prettyPhoto image width to ~100% beneath a certain point. Any suggestions?

For Colorbox landscape, could you please check if that problem vanishes, when removing and/or setting to false the

Code: Select all

scalePhotos: true,
properties in the colorbox init js file?

Re: major upgrade lightbox and usergallery plugins

Posted: Wed Oct 29, 2014 9:37 am
by Timbalu
Dergln wrote:edit: For me, nothing except lightbox works.
Apart from the upcoming update for magnific, could you please specify more precise what you exactly mean by this?

Re: major upgrade lightbox and usergallery plugins

Posted: Wed Oct 29, 2014 2:37 pm
by yellowled
Timbalu wrote:I wasn't sure to enable this by default.
I don't think so. It's not bad if there's a light box on small screens and/or touch devices, and as Bernd pointed out, some people might like the gallery function.

YL