Home Forums Porto Template Cicle carousel galery

This topic contains 4 replies, has 2 voices, and was last updated by  Support2 1 month ago. This post has been viewed 79 times

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10027439

    mjackz
    Participant

    Hi there,
    love your template…

    I’m trying to find a way without success yet, to circle the carousel of the gallery so that then the user get to the last image or video and clic the next indicator he get redirected to the first image again instead of reaching an end and go have to go back to the first image manually by clicking back several times, is that posible?

    Are there any pluig options im missing?
    The shown gallery has like 2 galleries in the same thumbail list, one for photos and one for videos or is it possible to put it using the same thumbail list?

    Thanks



    Template Version: 6.2.1
    #10027449

    Support2
    Keymaster

    Hello,

    You can use the option rewind: true.
    Change the $thumbGalleryDetail1 carousel options at examples/examples.gallery.js to:

    $thumbGalleryDetail1
    	.owlCarousel({
    		items: 1,
    		margin: 10,
    		nav: true,
    		dots: false,
    		loop: false,
    		rewind: true,
    		autoHeight: true,
    		navText: [],
    		rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
    	})
    	.on('changed.owl.carousel', function(e) {
    		if (!flag) {
    			flag = true;
    			$thumbGalleryThumbs1.trigger('to.owl.carousel', [e.item.index-1, duration, true]);
    			flag = false;
    		}
    	});

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10027456

    mjackz
    Participant

    Got It working, thanks for your help.
    Great support!


    #10027457

    mjackz
    Participant

    Forgot to ask
    Is there any page or repo where I can check the full set of options available for some of your most used plugins like Gallery, Carousel, Parallax ?

    TIA,


    #10027472

    Support2
    Keymaster

    Hello,

    Great!

    Regarding the plugins options:

    1) Parallax: The possible options are the following below:

    <section id="downloads" class="section section-parallax bg-color-primary m-0" data-plugin-parallax data-plugin-options="{'speed': 1.5, 'horizontalPosition': '50%', 'offset': 0, 'parallaxHeight': '180%'}" data-image-src="img/demos/app-landing/parallax/downloads-parallax.png">

    2) For carousel we use the plugin OwlCarousel. You can check all options at documentation:
    https://owlcarousel2.github.io/OwlCarousel2/docs/started-welcome.html

    3) For the gallery with lightbox, we use the “MagnificPopup” plugin:
    http://dimsemenov.com/plugins/magnific-popup/documentation.html

    4) We use the “Isotope” plugin for galleries like on this page: http://preview.oklerthemes.com/porto/6.2.1/elements-image-gallery.html
    https://isotope.metafizzy.co/

    Regarding how to use those options on each plugin you can check the Documentation of Porto (that’s included on the package you downloaded with the template) on the section “Changing Plugins Options”.

    Hope it helps.

    Kind Regards,

    Rodrigo.


Viewing 5 posts - 1 through 5 (of 5 total)