PHP Classes

File: assets/pages/scripts/bs-carousel.js

Recommend this page to a friend!
  Classes of Nemeth Zoltan  >  YAF Base  >  assets/pages/scripts/bs-carousel.js  >  Download  
File: assets/pages/scripts/bs-carousel.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: YAF Base
Base structure for YAF framework based apps
Author: By
Last change:
Date: 4 years ago
Size: 1,833 bytes
 

Contents

Class file image Download
var BsCarousel = function () {
    // Carousel interval
    // $('.carousel').carousel({
    //     interval: 1000
    // });

    // smart height detection for all major screens
    // if (Layout.getViewPort().width > 1600) {
    //     height = $(window).height() - $('.subscribe').outerHeight();  // full height for high resolution
    // } else if (Layout.getViewPort().height > height) {
    //     height = Layout.getViewPort().height;
    // }

    (function( $ ) {
        //Function to animate slider captions 
        function doAnimations( elems ) {
            //Cache the animationend event in a variable
            var animEndEv = 'webkitAnimationEnd animationend';
            
            elems.each(function () {
                var $this = $(this),
                    $animationType = $this.data('animation');
                $this.addClass($animationType).one(animEndEv, function () {
                    $this.removeClass($animationType);
                });
            });
        }
        
        //Variables on page load 
        var $myCarousel = $('#carousel-example-generic'),
            $firstAnimatingElems = $myCarousel.find('.item:first').find("[data-animation ^= 'animated']");
            
        //Initialize carousel 
        $myCarousel.carousel();
        
        //Animate captions in first slide on page load 
        doAnimations($firstAnimatingElems);
        
        //Pause carousel  
        $myCarousel.carousel('pause');
        
        //Other slides to be animated on carousel slide event 
        $myCarousel.on('slide.bs.carousel', function (e) {
            var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']");
            doAnimations($animatingElems);
        });  
        
    })(jQuery);
}();
For more information send a message to info at phpclasses dot org.