Where/how to modify toolbar with paid version

  • Resolved electricwatches

    (@electricwatches)


    1 year ago

    I’ve just bought the paid version of fslightbox.js and have placed it in your fslightbox-paid directory. So I now have a toolbar with buttons for thumbnails,+, -, slideshow, fullscreen etc which all work fine.

    That is great but I’m now confused on how (or where) to edit certain aspects of this toolbar. As a simple example, I would like to shorter the duration between each photo in the sideshow. Where is that figure in milliseconds defined?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter electricwatches

    (@electricwatches)

    1 year ago

    Having read the docs on the Pro (paid) version of fslightbox-pro-3.8.0, I need to call this:

    fsLightbox.props.slideshowTime = 10000;

    But I’ve no idea where to put this in the plug-in code. I assume these type of props cannot go in your plugin-settings.json file, so where please?

    Thread Starter electricwatches

    (@electricwatches)

    1 year ago

    OK, I’ve found how to make this work by loading a Javascript file into the HTML footer and a CSS stylesheet into the header. i.e. 

    //fsLightbox.props.showThumbsWithCaptions = true;
    		fsLightbox.props.initialAnimation = "initial-animation";
    		fsLightbox.props.slideChangeAnimation = "slide-change-animation";
    		fsLightbox.props.disableBackgroundClose = true;
    		fsLightbox.props.showThumbsOnMount = true;
    		fsLightbox.props.slideshowTime = 2500;
    		fsLightbox.props.UIFadeOutTime = 0;
    		fsLightbox.props.zoomIncrement = 1;
    		
    		fsLightbox.props.customToolbarButtons = [
    		{
    			class: "fslightboxbt",
    			viewBox: "0 0 16 16",
    			d:"M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM8.9 13h-2v-2h2v2zM11 8.1c-0.4 0.4-0.8 0.6-1.2 0.7-0.6 0.4-0.8 0.2-0.8 1.2h-2c0-2 1.2-2.6 2-3 0.3-0.1 0.5-0.2 0.7-0.4 0.1-0.1 0.3-0.3 0.1-0.7-0.2-0.5-0.8-1-1.7-1-1.4 0-1.6 1.2-1.7 1.5l-2-0.3c0.1-1.1 1-3.2 3.6-3.2 1.6 0 3 0.9 3.6 2.2 0.4 1.1 0.2 2.2-0.6 3z",
    			width: "16px",
    			height: "16px",
    			title: "Help", etc etc
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Where/how to modify toolbar with paid version’ is closed to new replies.