Canvas Support

lightbox navigation

6 replies · opened Mar 22, 2021

SstookyMar 22, 2021

hello semicolon
two questions please

A)
when using the lightbox there are left/right the navigation arrows

if I remember well in older canvas versions (5 or 4 don't remember well wich but am quite sure it aws a function) one could tap in mobile or click on desktop anywhere in the image left 50% or right 50% to navigate back and forth

now the whole image reacts as a "ffwd-area" for bckwd one needs to click the left arrow exactly
is this an option to set, or easy to customize?

B)
would it be possible to add a swipe functionality, so on mobiles one could swipe back and forth through the lightbox images?

thx & rgds, keep rockin' canvas & stay healthy
stooky

SSemicolon WebSTAFFMar 23, 2021

Hello,

Hope you you are doing well and everyone in your family.

  1. This was always the Default Functionality and has never been changed. Unfortunately, this is something controlled by the Plugin and currently there is no solution available for this.

  2. Yes, we can definitely add this in an update soon and will provide you with the codes shortly within today. Meanwhile, you can consider using this Plugin: https://github.com/mattbryson/TouchSwipe-Jquery-Plugin (include the JS File just before js/functions.js JS File Linking in the HTML File).

Then use the following code after the js/functions.js JS File Linking:
[ch_pre]

$(function() {

var magnificPopup = $.magnificPopup.instance;

//Enable swiping...
$(".mfp-content").swipe({
	//Generic swipe handler for all directions
	swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
		if( direction == "left" ) {
			magnificPopup.prev();
		} else if( direction == "right" ) {
			magnificPopup.next();
		}
	}
});

});

[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstookyMar 23, 2021

hello semicolon

thx for your quick reply. family is ... well quite ok, still struggling with this damn virus and in quarantine, but no one stationary in hospital any more. only good thing on fetching the virus, that we are all vaccined now.

thx for your quick interim solution, but I would rather wait for the integration into the plugins.min.js

would it be possible that you once more integrate it into the plugins.min.js that your already changed for me twice?

I attached the plugins.min.js I have in use right now
it is the one where you already integrated

  • linkscroll for anchors
  • srcset for lightbox images

thx, rgds and stay healthy
guido

SSemicolon WebSTAFFMar 24, 2021

Hello,

Glad everyone is fine. Stay Safe.

Yes, we will be including this feature with the next version of Canvas. The Latest Version released recently already includes the updates and fixes that have been provided to you with the plugins.min.js previously. So when the next update releases, you can just replace the entire file and all the changes will take effect automatically. It should be available in the next 7-10 days.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstookyMar 24, 2021

many thx
just bare with me and my english

did I understand right?
there will be a canvas 6.1.5 soon and then the plugins.min.js of that new version of canvas will include

– linkscroll for anchors
– srcset for lightbox images

  • swipe for lightbox images

all three requests so to say find there way into the next release?

rgds
guido

SSemicolon WebSTAFFMar 24, 2021

Hello,

Yes that's correct. We have just released Canvas v6.2: http://docs.semicolonweb.com/docs/changelog/version-6-2/ which already includes the LinkScroll and SrcSet for Lightbox updates. So Canvas v6.2.1 will include Touch Swipe for Lightbox Gallery.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstookyMar 24, 2021

veeeery cool, you guys are aewsome, fast and reliable .... perfect thx

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard