major upgrade lightbox and usergallery plugins

Creating and modifying plugins.
User avatar
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

major upgrade lightbox and usergallery plugins

Post by Timbalu » Mon Oct 27, 2014 4:00 pm

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!
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian

bernd_d
Regular
Posts: 466
Joined: Thu Jun 03, 2010 9:28 am
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by bernd_d » Tue Oct 28, 2014 8:07 pm

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

User avatar
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: major upgrade lightbox and usergallery plugins

Post by Timbalu » Tue Oct 28, 2014 8:16 pm

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.
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian

User avatar
Dergln
Regular
Posts: 54
Joined: Thu Jun 23, 2011 8:18 pm
Location: Hessen
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by Dergln » Tue Oct 28, 2014 9:25 pm

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
Attachments
Screenshot_2014-10-28-20-23-48.png
Screenshot_2014-10-28-20-23-48.png (63.18 KiB) Viewed 9623 times
Last edited by Dergln on Tue Oct 28, 2014 9:31 pm, edited 1 time in total.

User avatar
yellowled
Regular
Posts: 6986
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by yellowled » Tue Oct 28, 2014 9:30 pm

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
amazon Wishlist - Serendipity-Podcast (German only, sorry)

bernd_d
Regular
Posts: 466
Joined: Thu Jun 03, 2010 9:28 am
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by bernd_d » Tue Oct 28, 2014 9:31 pm

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.

User avatar
Dergln
Regular
Posts: 54
Joined: Thu Jun 23, 2011 8:18 pm
Location: Hessen
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by Dergln » Tue Oct 28, 2014 9:34 pm

yellowled wrote:Erm, nope. :)
Already corrected my post...should have been more careful with trusting strangers on the internet ! :mrgreen:

User avatar
yellowled
Regular
Posts: 6986
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by yellowled » Tue Oct 28, 2014 9:39 pm

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
amazon Wishlist - Serendipity-Podcast (German only, sorry)

bernd_d
Regular
Posts: 466
Joined: Thu Jun 03, 2010 9:28 am
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by bernd_d » Tue Oct 28, 2014 9:42 pm

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.

User avatar
yellowled
Regular
Posts: 6986
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by yellowled » Tue Oct 28, 2014 9:48 pm

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
amazon Wishlist - Serendipity-Podcast (German only, sorry)

User avatar
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: major upgrade lightbox and usergallery plugins

Post by Timbalu » Wed Oct 29, 2014 10:00 am

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! :)
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian

User avatar
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: major upgrade lightbox and usergallery plugins

Post by Timbalu » Wed Oct 29, 2014 10:10 am

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.
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian

User avatar
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: major upgrade lightbox and usergallery plugins

Post by Timbalu » Wed Oct 29, 2014 10:34 am

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?
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian

User avatar
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: major upgrade lightbox and usergallery plugins

Post by Timbalu » Wed Oct 29, 2014 10:37 am

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?
Regards,
Ian

Serendipity Styx Edition and additional_plugins @ https://ophian.github.io/ @ https://github.com/ophian

User avatar
yellowled
Regular
Posts: 6986
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: major upgrade lightbox and usergallery plugins

Post by yellowled » Wed Oct 29, 2014 3:37 pm

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
amazon Wishlist - Serendipity-Podcast (German only, sorry)

Post Reply