Hello
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>.building__anchors (Zijn alle teksten, deze CSS is van belang om het effect te laten werken.)
.building__anchors {
opacity: 0;
color: #000;
font-size: 18px;
font-weight: 300;
position:absolute;
transition: font-size .2s ease, font-weight .2s ease, opacity .2s ease;
}
.building__anchors.active {
opacity: 1;
font-size: 23px;
font-weight: 400;
}
jQuery(document).ready(function( $ ) {
let controller = new ScrollMagic.Controller();
//Dit is de "pin" dus dit maakt dat de tekst een tijdje blijft hangen.
//Verwijder de addIndicators() als je hem uiteindelijk in gebruik neemt, maar deze zijn handig om alles netjes op je site te zetten
//duration bepaald hoeveel pixels de tekst mee gaat, als de tekst te vroeg stopt moet je dit getal hoger maken.
//indicators kunnen je hier goed bij helpen.
//offset(300) trekt het geheel 300px omhoog in de "pinned" positie, als de tekst te hoog hangt moet je dit getal lager maken.
new ScrollMagic.Scene({triggerElement: "#trigger", duration: 3000})
.setPin("#pin1")
.addIndicators()
.offset(300)
.addTo(controller);
//Dit voegt de .active class toe aan de tekst zodat deze zichtbaar wordt
//In dit geval voegt het aan de ID #high1 / 2 / 3/ 4 de class toe als hij langs de ID #image__1 / 2 / 3 / 4 komt.
//Je kan de ID #high1 enz vervangen voor een class, dan kan je aan meerdere elementen tegelijk de active class toevoegen.
new ScrollMagic.Scene({triggerElement: "#image__1", duration: 950})
.setClassToggle("#high1", "active")
.addIndicators()
.addTo(controller);
new ScrollMagic.Scene({triggerElement: "#image__2", duration: 950})
.setClassToggle("#high2", "active") // add class toggle
.addIndicators() // add indicators (requires plugin)
.addTo(controller);
new ScrollMagic.Scene({triggerElement: "#image__3", duration: 950})
.setClassToggle("#high3", "active") // add class toggle
.addIndicators()
.addTo(controller);
new ScrollMagic.Scene({triggerElement: "#image__4", duration: 950})
.setClassToggle("#high4", "active") // add class toggle
.addIndicators() // add indicators (requires plugin)
.addTo(controller);
});– FOCKING VET
There should be a law that no ordinary newspaper should be allowed to write about art. The harm they do by their foolish and random writing it would be impossible to overestimate – not to the artist, but to the public, blinding them to all but harming the artist not at all.
– LEIPE SHIT
If the staff lacks policy guidance against which to test decisions, their decisions will be random.
– LEGENDARY
I always believed in animal spirits. It’s not their existence that is new. It’s the fact that they are not random events, but actually replicate in-bred qualities of human nature which create those animal spirits.
– AWESOME
I don’t believe that if you do good, good things will happen. Everything is completely accidental and random. Sometimes bad things happen to very good people and sometimes good things happen to bad people. But at least if you try to do good things, then you’re spending your time doing something worthwhile.
Hello
