Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-08-11 22:35:38

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Fancybox Slideshow

Hi, is there a way to increase the duration of the slides during slideshow?

Rainer

Offline

#2 2017-08-15 23:39:13

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

?

Offline

#3 2017-08-15 23:50:46

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 772
Website

Re: Fancybox Slideshow

Yes, it is called 'slide delay' and it is part of the Vegas slideshow section.


Daniel Leu | Photography   
DanielLeu.com

Offline

#4 2017-08-16 01:22:01

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,609
Website

Re: Fancybox Slideshow

But there is no user setting for the Fancybox slide show.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#5 2017-08-16 01:37:07

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,609
Website

Re: Fancybox Slideshow

You may be able to edit the file yourself. I've not tested it.

It looks like the file to edit might be backlight\modules\pangolin-album\dynamic\js\fancybox.cfg.php

You can find Fancybox Options documentation here: http://fancyapps.com/fancybox/3/docs/#options

And it looks like the code to add will look like this, only with your own numbers:

slideShow : {
		autoStart : false,
		speed     : 4000
	},

I'm not sure where you would add that in the file. Maybe at the beginning of the section marked with:

/**
     * +Fancybox Gallery
     */

perhaps right before the animationEffect: setting.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#6 2017-08-16 02:10:30

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 772
Website

Re: Fancybox Slideshow

rod barbee wrote:

You may be able to edit the file yourself. I've not tested it.

It looks like the file to edit might be backlight\modules\pangolin-album\dynamic\js\fancybox.cfg.php

You can find Fancybox Options documentation here: http://fancyapps.com/fancybox/3/docs/#options

And it looks like the code to add will look like this, only with your own numbers:

slideShow : {
		autoStart : false,
		speed     : 4000
	},

I'm not sure where you would add that in the file. Maybe at the beginning of the section marked with:

/**
     * +Fancybox Gallery
     */

perhaps right before the animationEffect: setting.

Oops, didn't realize that it was not a Vegas slideshow question....

Rainer, once you edit the file Rod pointed to, you will most likely need to clear the template cache (Designer -> Special Links -> Clear Template Cache)


Daniel Leu | Photography   
DanielLeu.com

Offline

#7 2017-08-16 03:35:51

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

Thanks I will test it.

Rainer

Offline

#8 2017-08-16 04:14:13

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,609
Website

Re: Fancybox Slideshow

if you do this, be sure to save a copy of the file somewhere as it will be overwritten with the next pangolin-album module update.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#9 2017-08-16 05:00:30

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

@Rod

It works, set it for testing to 14000.

<?php defined('APP_DIR') or die('No direct script access allowed in ' . __FILE__); ?>

$('[data-fancybox=gallery]').on('click', function(e) {

<?php if ( $model->value('photos_for_download.source') != 'disabled' ): ?>
	/**
	 * CMD/CTRL-Click to Download Image
	 */
	if( e.ctrlKey || e.metaKey ){
		var href = $(e.target).closest('figure').find('.download_image').attr("href"),
				path = href.split('file=')[1],
				url  = ( 
					getMobileOperatingSystem() == 'Android' || 
					getMobileOperatingSystem() == 'iOS' || 
					getMobileOperatingSystem() == 'Windows Phone'
				) ? path : href,
				a = $('<a />').attr({ 'href' : url, 'target' : '_blank', 'download' : '' }).appendTo("body");
		;
		a[0].click(); a.remove();
	} 
	else {
<?php endif; ?>
	/**
	 * +Fancybox Gallery
	 */
	var visibleLinks = $('[data-fancybox=gallery]:visible, .page-navigation-notice');
	$.fancybox.open( visibleLinks, {

		animationEffect : <?php echo $model->value('slideshow.animationEffect') == 'disabled' ? 'false' : '\'' . $model->value('slideshow.animationEffect') . '\'' ?>,
		slideShow : {
		autoStart : false,
		speed     : 14000
	},
		
		
		
		animationDuration : 350,
		baseClass : 'fancybox-pangolin-album',

		loop : <?php echo $model->on('slideshow.loop') ? 'true' : 'false' ?>,
		margin : [ 6 , 6 ],
		transitionEffect : <?php echo $model->value('slideshow.transitionEffect') == 'disabled' ? 'false' : '\'' . $model->value('slideshow.transitionEffect') . '\'' ?>,
		transitionDuration : 350,
		trapFocus: <?php echo (__c('FOTOMOTO_STORE_ID') && $model->value('addon_feature') == 'fotomoto') ? 'false' : 'true' ?>,
		zoomOpacity : true,

		onInit : function( e, instance ) {
			//console.log( $.fancybox.getInstance() );
		},

		lang : 'en',
		i18n : {
			'en' : {
				CLOSE       : '<?php echo __t('loc.fb.close', 'Close (Esc, X)') ?>',
				NEXT        : '<?php echo __t('loc.fb.next', 'Next (right arrow)') ?>',
				PREV        : '<?php echo __t('loc.fb.prev', 'Previous (left arrow)') ?>',
				ERROR       : '<?php echo __t('loc.fb.error', 'The requested content cannot be loaded. <br/> Please try again later.') ?>',
				PLAY_START  : '<?php echo __t('loc.fb.play', 'Start Slideshow (P)') ?>',
				PLAY_STOP   : '<?php echo __t('loc.fb.pause', 'Pause Slideshow (P)') ?>',
				FULL_SCREEN : '<?php echo __t('loc.fb.fullscreen', 'Full-screen (F)') ?>',
				THUMBS      : '<?php echo __t('loc.fb.grid', 'Thumbnails (G)') ?>'
			},
		}

	}, visibleLinks.index( this ) );
	/**
	 * -Fancybox Gallery
	 */
<?php if ( $model->value('photos_for_download.source') != 'disabled' ): ?>
	}
<?php endif; ?>

	return false;
}); // $('[data-fancybox=gallery]').on()

$(document).on('afterKeydown.fb', function(e, instance, current, keypress, keycode) {
	// "Z"
	if ( !keypress.ctrlKey && !keypress.metaKey && keycode === 90 ) {
		keypress.preventDefault();
		instance.isScaledDown() ? instance.scaleToActual() : instance.scaleToFit();
	}
	// "X"
	if ( !keypress.ctrlKey && !keypress.metaKey && keycode === 88 ) {
		keypress.preventDefault();
		instance.close();
	}
});

Rainer

Offline

#10 2017-08-16 05:05:00

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,609
Website

Re: Fancybox Slideshow

Awesome! Good to know.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#11 2017-08-16 09:00:34

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

Played a little with the settings, but I don't know exactly how the function is:

slideShow : {
		autoStart : false,
		speed     : 1500
	},
		
		
		
		animationDuration : 350,
		baseClass : 'fancybox-pangolin-album',

		loop : <?php echo $model->on('slideshow.loop') ? 'true' : 'false' ?>,
		margin : [ 6 , 6 ],
		transitionEffect : <?php echo $model->value('slideshow.transitionEffect') == 'disabled' ? 'false' : '\'' . $model->value('slideshow.transitionEffect') . '\'' ?>,
		transitionDuration : 5000,
		trapFocus: <?php echo (__c('FOTOMOTO_STORE_ID') && $model->value('addon_feature') == 'fotomoto') ? 'false' : 'true' ?>,
		zoomOpacity : true,

AnimationDuration, transitionDuration with slideSow speed. If you change the last both values there are different results I don't understand. Maybe some other will a try - too late now.

Rainer

Last edited by Rainer Goergen (2017-08-16 09:03:41)

Offline

#12 2017-08-16 09:32:06

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,609
Website

Re: Fancybox Slideshow

did you look at the Fancybox documentation on their site?


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#13 2017-08-16 15:28:38

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

No - 2.00 a.m.

Rainer

Offline

#14 2017-08-17 07:00:19

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

I think, my settings are smooth. But I did'nt check the documentation.

Rainer

Offline

#15 2017-10-07 01:16:36

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 261
Website

Re: Fancybox Slideshow

Now, after updating to 3.2.2 my edited fancybox.cfg.php does not work. The change from one image to the next is not smooth as before, when I changed the file. After updating I have uploaded my edited file, but the fancybox slideshow shows no changes. I cleared template cache and browser cache.

Rainer

Offline

#16 2017-10-07 01:35:26

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,609
Website

Re: Fancybox Slideshow

I don't see any mention of changes in Fancybox in the Backlight 1.2.2 release 3 readme.txt file.

The slide transition looks smooth to me. It's fast, but it's not jittery or anything.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

Board footer

Powered by FluxBB