HOME


Mini Shell 1.0
DIR: /home/islapiiu/sites/travelwithsusa/js/
Upload File :
Current File : /home/islapiiu/sites/travelwithsusa/js/dz.carousel.js
/* JavaScript Document */
jQuery(document).ready(function () {
    'use strict';

    /* image-carousel function by = owl.carousel.js */
    jQuery('.img-carousel').owlCarousel({
        loop: true,
        margin: 30,
        nav: true,
        dots: true,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 1
            },
            480: {
                items: 2
            },
            1024: {
                items: 3
            },
            1200: {
                items: 4
            }
        }
    })
    /* image-carousel function by = owl.carousel.js */
    jQuery('.img-carousel-dots').owlCarousel({
        loop: true,
        autoplay: true,
        margin: 30,
        nav: false,
        dots: true,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 1
            },
            480: {
                items: 2
            },
            1024: {
                items: 3
            },
            1200: {
                items: 4
            }
        }
    })

    /* image-carousel no margin function by = owl.carousel.js */
    jQuery('.img-carousel-content').owlCarousel({
        loop: true,
        autoplay: true,
        margin: 30,
        nav: true,
        dots: false,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 1
            },
            480: {
                items: 2
            },
            1024: {
                items: 3
            },
            1200: {
                items: 4
            }
        }
    })

    /*  Blog post Carousel function by = owl.carousel.js */
    jQuery('.blog-carousel').owlCarousel({
        loop: true,
        autoplay: true,
        margin: 30,
        nav: true,
        dots: false,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 1
            },
            480: {
                items: 2
            },
            991: {
                items: 2
            },
            1000: {
                items: 3
            }
        }
    })

    /* Fade slider for home function by = owl.carousel.js */
    jQuery('.owl-fade-one').owlCarousel({
        loop: true,
        autoplay: true,
        autoplayTimeout: 2000,
        margin: 30,
        nav: true,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        items: 1,
        dots: false,
        animateOut: 'fadeOut',
    })

    /* testimonial two function by = owl.carousel.js */
    jQuery('.testimonial-two-dots').owlCarousel({
        loop: true,
        margin: 20,
        nav: true,
        dots: true,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 1
            },

            480: {
                items: 2
            },

            991: {
                items: 2
            },
            1000: {
                items: 3
            }
        }
    })


    /*  Our Classes function by = owl.carousel.js */
    jQuery('.team-carousel').owlCarousel({
        center: true,
        autoplay: true,
        items: 3,
        loop: true,
        margin: 0,
        nav: false,
        dots: true,
        autoplaySpeed: 1000,
        navSpeed: 1000,
        paginationSpeed: 1000,
        slideSpeed: 1000,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 1
            },

            480: {
                items: 1
            },

            767: {
                items: 3
            },
            1000: {
                items: 5
            }
        }
    })

    /* image-carousel function by = owl.carousel.js */
    jQuery('.carousel-gallery').owlCarousel({
        loop: true,
        autoplay: true,
        margin: 0,
        nav: false,
        dots: false,
        autoplaySpeed: 1000,
        navText: ['<i class="ti-angle-left"></i>', '<i class="ti-angle-right"></i>'],
        responsive: {
            0: {
                items: 4
            },
            480: {
                items: 6
            },
            1024: {
                items: 8
            },
            1200: {
                items: 10
            }
        }
    })

    /* image-carousel function by = owl.carousel.js */
    jQuery('.destination').owlCarousel({
        autoplay: true,
        loop: true,
        margin: 0,
        nav: true,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsive: {
            0: {
                items: 1,
                autoplay: true,
                loop: true
            },
            480: {
                items: 2,
                autoplay: true,
                loop: true
            },
            1024: {
                items: 3,
                autoplay: true,
                loop: true
            },
            1200: {
                items: 5,
                autoplay: true,
                loop: true
            }
        }
    })

});
/* Document .ready END */