Cookie pour aniamtion GSAP (javascript)
Fermé
gintoxic
Messages postés
520
Date d'inscription
mardi 31 juillet 2007
Statut
Membre
Dernière intervention
7 avril 2016
-
13 sept. 2014 à 19:13
mr_demonicon Messages postés 824 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 14 sept. 2014 à 12:39
mr_demonicon Messages postés 824 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 14 sept. 2014 à 12:39
A voir également:
- Cookie pour aniamtion GSAP (javascript)
- Telecharger javascript - Télécharger - Langages
- Javascript round ✓ - Forum Javascript
- Table de multiplication javascript ✓ - Forum Javascript
- Onclick javascript - Astuces et Solutions
- Doubleclick.net cookie ✓ - Forum Virus / Sécurité
1 réponse
mr_demonicon
Messages postés
824
Date d'inscription
dimanche 20 juillet 2014
Statut
Membre
Dernière intervention
9 avril 2016
127
13 sept. 2014 à 19:29
13 sept. 2014 à 19:29
Montre ton code
merci
Bonne journée
merci
Bonne journée
13 sept. 2014 à 19:34
$(document).ready(function(){
var wrapper = $('#wrapper');
var loader = $('#preloader');
var loader2 = $('#preloader2');
var loader3 = $('#preloader3');
var sentence = $('#annonce');
sentence.html(sentence.text().replace(/()\w/g, '<span>$&</span>'));
var spans = $('#annonce > span');
var tableLoder = [loader,loader2,loader3];
var wrapperWdth = (document.body.clientWidth);
var wrapperheight = (document.body.clientHeight);
var tl = new TimelineMax();
$(wrapper).width(wrapperWdth);
$(wrapper).height(wrapperheight);
$('body').css({padding:0,margin:0,backgroundColor:'#000'});
$('#annonce > span').css('display','inline-block');
var finish = $(wrapper).css('z-index','0');
tl.set(wrapper,{css:{position:'fixed',width:'100%',height:'100%',backgroundColor:'#000',zIndex:'4500',opacity:'0.9'}})
.set(loader,{css:{borderTop:'5px solid #c0b688',width:'150px',height:'150px',position:'absolute',left:'50%',marginLeft:'-75px',top:'50%',marginTop:'-75px',borderRadius:'50%',zIndex:'5000'}})
.set(loader2,{css:{borderTop:'4px solid #a7a8aa',width:'130px',height:'130px',position:'absolute',left:'50%',marginLeft:'-65px',top:'50%',marginTop:'-65px',borderRadius:'50%',zIndex:'5000'}})
.set(loader3,{css:{borderTop:'3px solid #dfd49d',width:'110px',height:'110px',position:'absolute',left:'50%',marginLeft:'-55px',top:'50%',marginTop:'-55px',borderRadius:'50%',zIndex:'5000'}})
.set(sentence,{css:{width:'900px',height:'50px',textAlign:'center',position:'absolute',left:'50%',marginLeft:'-450px',top:'50%',marginTop:'-125px',zIndex:'5000',textTransform:'uppercase',fontSize:'42px',color:'#c0b688'}});
tl.to(tableLoder,2,{rotation:360,repeat:1,opacity:1,delay:0},'here')
.staggerFrom(spans, 0.3,{autoAlpha:0,rotationX:-90,rotationY:360},0.1,'here')
.staggerTo([tableLoder,wrapper],2,{opacity:0,zIndex:0},0.2);
})
s
13 sept. 2014 à 20:52
function setCookie(sName, sValue) { var today = new Date(), expires = new Date(); expires.setTime(today.getTime() + (365*24*60*60*1000)); document.cookie = sName + "=" + encodeURIComponent(sValue) + ";expires=" + expires.toGMTString(); }apres pour le lire
function getCookie(sName) { var cookContent = document.cookie, cookEnd, i, j; var sName = sName + "="; for (i=0, c=cookContent.length; i<c; i++) { j = i + sName.length; if (cookContent.substring(i, j) == sName) { cookEnd = cookContent.indexOf(";", j); if (cookEnd == -1) { cookEnd = cookContent.length; } return decodeURIComponent(cookContent.substring(j, cookEnd)); } } return null; }if (navigator.cookieEnabled) { // Cookies acceptés } else { alert("Activez vos cookies !"); }(ou alorsfunction getCookie(sName) { var oRegex = new RegExp("(?:; )?" + sName + "=([^;]*);?"); if (oRegex.test(document.cookie)) { return decodeURIComponent(RegExp["$1"]); } else { return null; } } if (navigator.cookieEnabled) { // Cookies acceptés } else { alert("Activez vos cookies !"); })apres tu met un nom a ce cookie et si il y a ce cookie tu laisse le code css ne pas se precharger (utilise le code qui lis le cookie pour mettre ton prechargement d'image et css)
13 sept. 2014 à 23:13
13 sept. 2014 à 23:15
je suis navré, je n'arrive pas à comprendre ce système très pratique pourtant..
Modifié par mr_demonicon le 13/09/2014 à 23:24
par exemple
if (sName.$1) { /*do nothing*/;} else {/*tes css*/;}