https://restaurantecabanabuenavista.com/wp-content/animation/gonzalez.js

1document.addEventListener('DOMContentLoaded', DOMReady);
2
3function DOMReady() {
4  console.log('ORE HOME');
5  if (screen.width > 1200) {
6    window.addEventListener('load', function () {
7      hero();
8      vida();
9    });
10  } else {
11    // unhide();
12  }
13}
14
15// HERO  ---------------------------------------------------------------------------------------------------------------------------------------------------------
16function hero() {
17  console.log('hero');
18
19  gsap
20    .timeline({
21      // scrollTrigger: {
22      //   trigger: '#hero',
23      //   start: 'top 1px',
24      //   end: 'bottom top',
25      //   // end: '+=500',
26      //   markers: true,
27      //   // pin: true,
28      //   // pinSpacing: false,
29      //   scrub: 2,
30      //   toggleActions: 'play none none reverse' // onEnter / onLeave / onEnterBack / onLeaveBack  || play, pause, resume, reset, restart, complete, reverse, none.
31      //   // onEnter: () => { }
32      //   // onEnterBack: () => { tl.reverse(); }
33      // }
34    })
35
36    .from('#hero .imagen-grande img', { scale: 2, duration: 1.5, ease: 'power3.out' });
37  // .from('#hero .imagen-chica', { scale: 0.5, xPercent: 50, duration: 1, ease: 'power3.in' }, '<');
38}
39
40function vida() {
41  gsap
42    .timeline({
43      scrollTrigger: {
44        trigger: '#vida',
45        start: 'top bottom',
46        end: 'bottom top',
47        // end: '+=500',
48        // markers: true,
49        // pin: false,
50        // pinSpacing: false,
51        scrub: 2,
52        toggleActions: 'play none none reverse' // onEnter / onLeave / onEnterBack / onLeaveBack  || play, pause, resume, reset, restart, complete, reverse, none.
53        // onEnter: () => { }
54        // onEnterBack: () => { tl.reverse(); }
55      }
56    })
57    .from('#vida .col-image', { backgroundPosition: '100% 50%', duration: 1, ease: 'none' });
58}