| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 |
- var isTouch = window.DocumentTouch && document instanceof DocumentTouch;
- function scrollHeader() {
- // Has scrolled class on header
- var zvalue = $(document).scrollTop();
- if ( zvalue > 75 )
- $("#header").addClass("scrolled");
- else
- $("#header").removeClass("scrolled");
- }
- // Souligné horizontal sur titre block
- //
- //
- // var title = $(document).querySelectorAll("h1");
- // var start = (document).querySelectorAll(".after-h1");
- // // var finish = document.querySelectorAll(".after-h1-finish")
- // function isInView(event, visible) {
- // if title(visible == true) {
- // console.log("je te vois");
- // }
- // else {
- // console.log("je ne te vois pas");
- // }
- // };
- // var elements = document.getElementsByClass('souligne');
- //
- // elements.forEach(function(element) {
- // new WhenInViewport(element, function(elementInViewport) {
- // elementInViewport.classList.add('inViewport');
- // });
- // });
- //
- jQuery(document).ready(function($){
- //bouton "voir plus de ressources"
- // $("a.bouton-ouverture").removeAttr("href"); // On supprime le lien de notre bouton
- $('.bouton-ouverture').on('click', function(){ // lorsqu'on clique sur le bouton
- $('.texte-cache').toggleClass('ouvert'); // On ajoute ou retire la classe CSS "ouvert"
- if ($('.texte-cache').hasClass('ouvert')) { // Si le module texte a la classe "ouvert"
- $('.bouton-ouverture').html('Voir MOINS'); // On affiche LIRE MOINS sur le bouton
- } else {
- $('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS
- }
- });
- // parallax slideshow
- $(document).ready(function() {
- var imgSrc = ["http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/14360_default_big.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/10361_web_01.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/hyperliens_marseille.png",];
- var counter = 1;
- var duration = 4000;
- var tTime = 300;
- var v = setInterval(function() {
- $('.parallax-mirror').animate({
- 'opacity': 0
- }, {
- duration: tTime,
- complete: function() {
- $(this).find('img').attr('src', imgSrc[counter]).end().animate({
- 'opacity': 1
- }, tTime);
- }
- });
- if (counter > imgSrc.length - 1) {
- counter = 0
- } else {
- counter++
- };
- },
- duration);
- });
- // // souligne apparait on scrollLock
- // $(function () {
- // var element = $("#triggerOnScroll");
- // $(window).scroll(function () {
- // if($(window).scrollTop() > 0) {
- // element.addClass("animateMe");
- // }
- //
- // });
- // jQuery('.your-class-here').one('inview', function (event, visible) {
- // if (visible == true) {
- // //Enjoy !
- // }
- // });
- // ON SCROLL EVENTS
- if (!isTouch){
- $(document).scroll(function() {
- scrollHeader();
- });
- };
- // TOUCH SCROLL
- $(document).on({
- 'touchmove': function(e) {
- scrollHeader(); // Replace this with your code.
- }
- });
- //Smooth scroll to top
- $('#toTop').click(function(){
- $("html, body").animate({ scrollTop: 0 }, 500);
- return false;
- });
- // Responsive Menu
- // POPIN Biographies
- $(".bouton").click(function(event){
- console.log(event);
- //
- var mods = document.querySelectorAll('.modal');
- mods.forEach((m, i) => {
- m.classList.remove('open')
- });
- //
- var btn = event.currentTarget;
- console.log('btn', btn);
- var mod = btn.parentNode.querySelector('.modal');
- mod.classList.add('open')
- });
- $(".modal .mask, .modal a.close").click(function(event){
- $ (".modal").removeClass("open");
- return false;
- });
- //
- // // Animate on scroll
- // $(function() {
- //
- // var $window = $(window),
- // win_height_padded = $window.height() * 1.1,
- // isTouch = Modernizr.touch;
- //
- // if (isTouch) { $('.after-h1').addClass('animated'); }
- //
- // $window.on('scroll', revealOnScroll);
- //
- // function revealOnScroll() {
- // var scrolled = $window.scrollTop(),
- // win_height_padded = $window.height() * 1.1;
- //
- // // Show...
- // $(".after-h1:not(.animated)").each(function () {
- // var $this = $(this),
- // offsetTop = $this.offset().top;
- //
- // if (scrolled + win_height_padded > offsetTop) {
- // if ($this.data('timeout')) {
- // window.setTimeout(function(){
- // $this.addClass('animated ' + $this.data('animation'));
- // }, parseInt($this.data('timeout'),10));
- // } else {
- // $this.addClass('animated ' + $this.data('animation'));
- // }
- // }
- // });
- // }
- //
- // revealOnScroll();
- // });
- });
|