Advertisement
Sanady

GSAP issue

Oct 20th, 2020
1,146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. barba.init({
  2.     debug: true,
  3.     transitions: [{
  4.       name: 'opacity-transition',
  5.       async leave(data) {
  6.         await gsap.to(data.current.container, {
  7.           opacity: 0,
  8.           duration: .7
  9.         });
  10.         data.current.container.remove();
  11.       },
  12.       async enter(data) {
  13.         await gsap.timeline({ delay: 0.5 }).from(data.next.container, {
  14.           duration: .7,
  15.           opacity: 0
  16.         });
  17.        
  18.       }
  19.     }],
  20.     views: [{
  21.         namespace: 'index',
  22.         beforeEnter() {
  23.             jQuery('#hp-themes').owlCarousel({
  24.                 stopOnHover: true,
  25.                 mouseDrag: false,
  26.                 touchDrag: true,
  27.                 loop: true,
  28.                 items: 1,
  29.                 lazyLoad:true,
  30.                /* animateOut: "fadeOut",
  31.                 animateIn: "fadeIn",*/
  32.                 margin: 0,
  33.                 nav: true,
  34.                 dots: false,
  35.                 autoplaySpeed: 500,
  36.                 smartSpeed: 500,
  37.                 autoplayTimeout: 500,
  38.                 onDragged: function(e) {
  39.                   jQuery(e.target).hide().fadeIn();
  40.                 }
  41.             });
  42.            
  43.             jQuery("body").on('click', '.owl-next', function(){
  44.                 console.log("kliknute");
  45.        
  46.                 var title = jQuery('.owl-item.active .next-item-title').attr("data-title");
  47.                
  48.                 jQuery(".nav-next-title").html(title);
  49.             });
  50.        
  51.             jQuery("body").on('click', '.owl-prev', function(){
  52.                 console.log("kliknute");
  53.        
  54.                 var title = jQuery('.owl-item.active .next-item-title').attr("data-title");
  55.                
  56.                 jQuery(".nav-next-title").html(title);
  57.             });
  58.         },
  59.         afterEnter() {
  60.            
  61.         }
  62.     },
  63.     {
  64.         namespace: 'kontakt',
  65.         beforeEnter() {
  66.          
  67.         },
  68.         afterEnter() {
  69.             $("ul#main-menu > li#menu-item-51 > a").addClass("active");
  70.             $("ul#main-menu > li#menu-item-865 > a").removeClass("active");
  71.             $("ul#main-menu > li#menu-item-54 > a").removeClass("active");
  72.             $("ul#main-menu > li#menu-item-892 > a").removeClass("active");
  73.             $("ul#main-menu > li#menu-item-893 > a").removeClass("active");
  74.         }  
  75.     },
  76.     {
  77.         namespace: 'novinky',
  78.         beforeEnter() {
  79.            
  80.         },
  81.         afterEnter() {
  82.             $("ul#main-menu > li#menu-item-865 > a").addClass("active");
  83.             $("ul#main-menu > li#menu-item-54 > a").removeClass("active");
  84.             $("ul#main-menu > li#menu-item-892 > a").removeClass("active");
  85.             $("ul#main-menu > li#menu-item-893 > a").removeClass("active");
  86.             $("ul#main-menu > li#menu-item-51 > a").removeClass("active");    
  87.         }  
  88.     },
  89.     {
  90.         namespace: 'o-nas',
  91.         beforeEnter() {
  92.            
  93.         },
  94.         afterEnter() {
  95.             $("ul#main-menu > li#menu-item-54 > a").addClass("active");
  96.             $("ul#main-menu > li#menu-item-865 > a").removeClass("active");
  97.             $("ul#main-menu > li#menu-item-892 > a").removeClass("active");
  98.             $("ul#main-menu > li#menu-item-893 > a").removeClass("active");
  99.             $("ul#main-menu > li#menu-item-51 > a").removeClass("active");    
  100.         }  
  101.     },
  102.     {
  103.         namespace: 'udalosti',
  104.         beforeEnter() {
  105.            
  106.         },
  107.         afterEnter() {
  108.             $("ul#main-menu > li#menu-item-892 > a").addClass("active");
  109.             $("ul#main-menu > li#menu-item-54 > a").removeClass("active");
  110.             $("ul#main-menu > li#menu-item-865 > a").removeClass("active");
  111.             $("ul#main-menu > li#menu-item-893 > a").removeClass("active");
  112.             $("ul#main-menu > li#menu-item-51 > a").removeClass("active");      
  113.         }  
  114.     },
  115.     {
  116.         namespace: 'clanky',
  117.         beforeEnter() {
  118.             /* same height of article items */
  119.             var equalHeight = function () {
  120.                 jQuery('.articles .item .pi-name,.programs-list.row .item .pi-desc,#zone-programs-nearest.item .pi-desc,.news-list .item-wrap .item .item-top .ni-desc').css('height', 'auto');
  121.                 var maxHeight = 0;
  122.                 jQuery('.articles .item .pi-name,.programs-list.row .item .pi-desc,#zone-programs-nearest.item .pi-desc,.news-list .item-wrap .item .item-top .ni-desc').each(function () {
  123.                     if (jQuery(this).height() > maxHeight) {
  124.                         maxHeight = jQuery(this).height();
  125.                     }
  126.                 });
  127.                 jQuery('.articles .item .pi-name,.programs-list.row .item .pi-desc,#zone-programs-nearest.item .pi-desc,.news-list .item-wrap .item .item-top .ni-desc').css('height', maxHeight);
  128.             };
  129.             equalHeight();
  130.             jQuery('.articles').resize(function () {
  131.                 equalHeight();
  132.             });
  133.         },
  134.         afterEnter() {
  135.             $("ul#main-menu > li#menu-item-893 > a").addClass("active");
  136.             $("ul#main-menu > li#menu-item-892 > a").removeClass("active");
  137.             $("ul#main-menu > li#menu-item-54 > a").removeClass("active");
  138.             $("ul#main-menu > li#menu-item-865 > a").removeClass("active");
  139.             $("ul#main-menu > li#menu-item-51 > a").removeClass("active");      
  140.         }  
  141.     },
  142.     {
  143.         namespace: 'kategorie',
  144.         beforeEnter() {
  145.            
  146.         },
  147.         afterEnter() {
  148.             /* same height of article items */
  149.             var equalHeight = function () {
  150.                 jQuery('.articles .item .pi-name,.programs-list.row .item .pi-desc,#zone-programs-nearest.item .pi-desc,.news-list .item-wrap .item .item-top .ni-desc').css('height', 'auto');
  151.                 var maxHeight = 0;
  152.                 jQuery('.articles .item .pi-name,.programs-list.row .item .pi-desc,#zone-programs-nearest.item .pi-desc,.news-list .item-wrap .item .item-top .ni-desc').each(function () {
  153.                     if (jQuery(this).height() > maxHeight) {
  154.                         maxHeight = jQuery(this).height();
  155.                     }
  156.                 });
  157.                 jQuery('.articles .item .pi-name,.programs-list.row .item .pi-desc,#zone-programs-nearest.item .pi-desc,.news-list .item-wrap .item .item-top .ni-desc').css('height', maxHeight);
  158.             };
  159.             equalHeight();
  160.             jQuery('.articles').resize(function () {
  161.                 equalHeight();
  162.             });
  163.         }  
  164.     },
  165.     {
  166.         namespace: 'projekty',
  167.         beforeEnter() {
  168.    
  169.         },
  170.         afterEnter() {
  171.             jQuery("#accordion").accordion();
  172.             $("ul#main-menu > li#menu-item-54 > a").addClass("active");
  173.             $("ul#main-menu > li#menu-item-865 > a").removeClass("active");
  174.             $("ul#main-menu > li#menu-item-892 > a").removeClass("active");
  175.             $("ul#main-menu > li#menu-item-893 > a").removeClass("active");
  176.             $("ul#main-menu > li#menu-item-51 > a").removeClass("active");
  177.         }  
  178.     },]
  179. });
  180.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement