AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 SON HALLOWEEN EXORCIST

Aller en bas 
AuteurMessage
Admin
Admin
avatar

Messages : 38
Date d'inscription : 11/06/2008

MessageSujet: SON HALLOWEEN EXORCIST   Mer 18 Oct - 20:37



Script qui déclenche un son à la connexion au forum.


*ATTENTION LE DÉBUT DE LA MUSIQUE EST VOLONTAIREMENT BAS !!
ATTENTION VOS OREILLES ET VOS ENCEINTES ...

ATTENTION THE BEGINNING OF MUSIC IS VOLUNTARY LOW !! DO NOT GET STRONG FOR YOUR EARS AND SPEAKERS ...


Vous pouvez régler le temps avant qu'il se déclenche à nouveau dans cette partie du script.
Code:
setCookie('spooky',true,86400000); // Change time here ms 1 day

En millisecondes il est réglé sur 24h00
1 heure > 3600000
10 Minutes > 600000

A coller dans description de site
Code:
function getCookie(name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg) {
      return getCookieVal(j);
    }
    i = document.cookie.indexOf(" ", i) + 1;
    if (i == 0) {
      break;
    }
  }
  return;
}
function setCookie(name, value, expires, path, domain, secure) {
  if (expires) {
    var dt = new Date;
    dt.setTime(dt.getTime() + expires);
  }
  document.cookie = name + "=" + escape(value) + (expires ? "; expires=" + dt.toGMTString() : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "; secure" : "");
}
function deleteCookie(name, path, domain) {
  if (getCookie(name)) {
    document.cookie = name + "=" + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-90 00:00:01 GMT";
  }
}
if (!getCookie("spooky")) {
  document.write('<div class="speaker"></div>\r\n<audio id="player" autoplay loop><source src="http://perso.numericable.fr/antonywar/aut/EXO.mp3" type="audio/mp3" />\r\n<source src="http://perso.numericable.fr/antonywar/aut/EXO.ogg" type="audio/ogg" />\r\n</audio>');
}
setCookie("spooky", true, 86400000);
var getaudio = $("#player")[0];
var mouseovertimer;
var audiostatus = "off";
$(document).on("mouseenter", ".speaker", function() {
  if (!mouseovertimer) {
    mouseovertimer = window.setTimeout(function() {
      mouseovertimer = null;
      if (!$(".speaker").hasClass("speakerplay")) {
        getaudio.load();
        getaudio.play();
        $(".speaker").addClass("speakerplay");
        return false;
      }
    }, 1500);
  }
});
$(document).on("mouseleave", ".speaker", function() {
  if (mouseovertimer) {
    window.clearTimeout(mouseovertimer);
    mouseovertimer = null;
  }
});
$(document).on("click touchend", ".speaker", function() {
  if (!$(".speaker").hasClass("speakerplay")) {
    if (audiostatus == "off") {
      $(".speaker").addClass("speakerplay");
      getaudio.load();
      getaudio.play();
      window.clearTimeout(mouseovertimer);
      audiostatus = "on";
      return false;
    } else {
      if (audiostatus == "on") {
        $(".speaker").addClass("speakerplay");
        getaudio.play();
      }
    }
  } else {
    if ($(".speaker").hasClass("speakerplay")) {
      getaudio.pause();
      $(".speaker").removeClass("speakerplay");
      window.clearTimeout(mouseovertimer);
      audiostatus = "on";
    }
  }
});
$("#player").on("ended", function() {
  $(".speaker").removeClass("speakerplay");
  audiostatus = "off";
});


Vous pouvez si vous le voulez ajouter un icone pour couper le son
ajouter ceci à votre CSS

Code:
.speaker {
  background-image: url(https://img15.hostingpics.net/pics/287181sound.png);
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 100% 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
  display: block;
  position: relative;
  top: 50px;
  left: 20px;
  z-index: 999;
  display: block;
}

.speakerplay {
  background-position: 0 0;
}

Vous pouvez changer ces valeurs pour positionner l'icone.
Code:
 top: 50px;
  left: 20px;
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://antonyadam.kanak.fr
 
SON HALLOWEEN EXORCIST
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Look Halloween 2009
» [VIDEO] Les "tasses" en période d'Halloween
» Halloween 2007
» le clip le plus debile du groupe : halloween
» Halloween 2006

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: SONS HALLOWEEN :: SON HALLOWEEN EXORCIST-
Sauter vers: