Un script spécial halloween

Discussion dans 'Le café de WebRankInfo' créé par keroin, 31 Octobre 2006.

  1. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    si vous voulez amuser vos visiteurs ce soir, voici un petit script qui affiche un petit fantôme qui se balade sur votre site :wink:

    Code:
    <!-- HALLOWEEN -->
    
    <!-- Copy and paste just above </BODY> in your HTML -->
    
    <SCRIPT TYPE="text/javascript">
     /**
      ** Ghosts - Halloween -  JavaScript 
      ** This script and many more are free at
      ** http://rainbow.arch.scriptmania.com/scripts/
      */
    if(!window.Halloween) Halloween=new Object();
    Halloween.ghostImages = new Array( 
    	"<img src='http://rainbow.arch.scriptmania.com/scripts/ghost3.gif'>"
            "<img src='http://rainbow.arch.scriptmania.com/scripts/ghost1.gif'>"
            "<img src='http://rainbow.arch.scriptmania.com/scripts/ghost2.gif'>"
            "<img src='http://rainbow.arch.scriptmania.com/scripts/ghost2.gif'>"
    );
    var ns4 = document.layers;
    var ie4 = document.all;
    Halloween.makeLayer = function(id)
    {
    	var el = 	document.getElementById	? document.getElementById(id) :
    			document.all 		? document.all[id] :
    							  document.layers[id];
    	if(ns4) el.style=el;
    	el.sP=function(x,y){this.style.left = x;this.style.top=y;};
    	el.show=function(){ this.style.visibility = "visible"; } 
    	el.hide=function(){ this.style.visibility = "hidden"; } 
    	if(ns4 || window.opera) 
    		el.sO = function(pc){return 0;};
    	else if(ie4)
    		el.sO = function(pc)
    		{
    			if(this.style.filter=="")
    				this.style.filter="alpha(opacity=100);";
    			this.filters.alpha.opacity=pc;
    		}
    	else
    		el.sO = function(pc){this.style.MozOpacity=pc/100;}
    
    	return el;
    }
    
    if(window.innerWidth)
    {
    	gX=function(){return innerWidth;};
    	gY=function(){return innerHeight;};
    }
    else
    {
    	gX=function(){return document.body.clientWidth-30;};
    	gY=function(){return document.body.clientHeight-30;};
    }
    Halloween.ghostOutput=function()
    {
    	for(var i=0 ; i<Halloween.ghostImages.length ; i++)
    		document.write(ns4 ? "<LAYER  NAME='gh"+i+"'>"+Halloween.ghostImages[i]+"</LAYER>" : 
    					   "<DIV id='gh"+i+"' style='position:absolute'>"+Halloween.ghostImages[i]+"</DIV>" );
    	
    }
    Halloween.ghostSprites = new Array();
    Halloween.ghostStartAni = function()
    {
    	for(var i=0 ;i<Halloween.ghostImages.length;i++)
    	{
    		var el=Halloween.makeLayer("gh"+i);
    		el.x=Math.random()*gX();
    		el.y=Math.random()*gY();
    		el.tx=Math.random()*gX();
    		el.ty=Math.random()*gY();
    		el.dx=-5+Math.random()*10;
    		el.dy=-5+Math.random()*10;
    		el.state="off";
    		el.op=0;
    		el.sO(el.op);
    		el.hide();
    		Halloween.ghostSprites[i] = el;
    	}
    	setInterval("Halloween.ghostAni()", 40);
    }
    Halloween.ghostAni = function()
    {
    	for(var i=0 ;i<Halloween.ghostSprites.length;i++)
    	{
    		el=Halloween.ghostSprites[i];
    
    		if(el.state == "off")
    		{
    			if(Math.random() > .99)
    			{
    				el.state="up";
    				el.show();
    			}
    		}
    		else if(el.state == "on")
    		{
    			if(Math.random() > .98)
    				el.state="down";
    		}
    		else if(el.state == "up")
    		{
    			el.op += 2;
    			el.sO(el.op);
    			if(el.op==100)
    				el.state = "on";
    		}
    		else if(el.state == "down")
    		{
    			el.op -= 2;
    			if(el.op==0)
    			{
    				el.hide();
    				el.state = "off";
    			}
    			else
    				el.sO(el.op);
    		}
    
    		var X = (el.tx - el.x);
    		var Y = (el.ty - el.y);
    		var len = Math.sqrt(X*X+Y*Y);
    		if(len < 1) len = 1;
    		var dx = 20 * (X/len);
    		var dy = 20 * (Y/len);
    		var ddx = (dx - el.dx)/10;
    		var ddy = (dy - el.dy)/10;
    		el.dx += ddx;
    		el.dy += ddy;
    		el.sP(el.x+=el.dx,el.y+=el.dy);
    
    		if(Math.random() >.95 )
    		{
    			el.tx = Math.random()*gX();
    			el.ty = Math.random()*gY();
    		}
    
    	}
    }
    Halloween.ghostStart = function()
    {
    	if(Halloween.ghostLoad)Halloween.ghostLoad();
    	Halloween.ghostStartAni();
    }
    Halloween.ghostOutput();
    Halloween.ghostLoad=window.onload;
    window.onload=Halloween.ghostStart;
    
    </SCRIPT>
    <!-- FIN HALLOWEEN -->
    => Pour voir se que ça donne, voir mon www :wink:
     
  2. polweb
    polweb WRInaute accro
    Inscrit:
    18 Octobre 2006
    Messages:
    3 231
    J'aime reçus:
    0
    Pas mal, il pourrait suivre la souris quand même :lol:
     
  3. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    Bah non sinon il n'y a plus d'effet de surprise :wink:
     
  4. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Une démo ?

    Oups: Quand on ne lit pas à font les messages voilà ce que sa donne
    Je vais aller voir ton site et voir si sa me plait :D
     
  5. eWeb
    eWeb WRInaute occasionnel
    Inscrit:
    22 Mai 2006
    Messages:
    283
    J'aime reçus:
    0
    :lol: sympa et merci de partager en tout cas...
     
  6. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    Bah grouillez vous quand même car demain ce sera trop tard :lol:
    Moi je mets l'uniforme de ghostbuster cette nuit ou demain matin et je m'en va le boutter hors de mon royaume ce ruffiant d'ectoplasme :lol:

    [​IMG]

    [​IMG]

    :lol: :lol:
     
  7. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Ne marche pas chez moi !
    L'image reste fixe !
     
  8. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    T'es certain car je l'ai mis en l'état sur 2 site sans aucun problèmes
     
  9. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Il se cache dernière mes div sous ie !
    Et sous firefox non il reste fixe, toit tu le ois bouger chez moi ?
     
  10. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    effectivement il ne bouge pas attend je vérifie
     
  11. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Ok et merci ! ;)
     
  12. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
  13. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Toi tu n'utilise pas les div, tu est en table, peux être que sa viens de çà, je vais retenter avec ton lien. en attendant je prépare un header halloween
     
  14. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    En fait c'est parce qu'il y a trop de sites qui pompent l'image source en même temps que ça bug.
    Sur le lien du post au dessus il faut sauvegarder les images de fantome sur votre ftp pour éviter que ça lag ;)

    Edit : bon j'ai édité le script du 1er post en prenant comme source des images de fantomes le site source du script, ça doit rouler maintenant ;)
     
  15. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    J'ai mis l'image sur mon ftp dés le début,
    Je ne comprend pas...

    Ps: Mon header changé !
     
  16. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    Sympa le header ;), tu as essayé avec le script pris directement sur le site source (voir post un peu plus haut) ?
     
  17. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Non désolé ne marche toujours pas avec mon site !
    Sa viens du codage alors, pas compatible avec les float en div !

    Mais merci quand même !
    Heureusement que je me suis rattrapé sur mon header (+ bouton que je viens de faire)
     
Chargement...
Similar Threads - script spécial halloween Forum Date
des lettres spéciales apparaissent dans titres descriptions et mots clés Débuter en référencement 29 Juillet 2010
Cherche script PHP de gallerie photo spécial Développement d'un site Web ou d'une appli mobile 14 Mai 2007
etat durgence pour les specialiste du script Développement d'un site Web ou d'une appli mobile 5 Mars 2007
cherche script upload spécial Développement d'un site Web ou d'une appli mobile 19 Janvier 2007
Cherche JavaScript spécial Développement d'un site Web ou d'une appli mobile 30 Août 2006
Meta description non prises en compte par google Rédaction web et référencement Hier à 11:20
WordPress Meta description produit avec WooCommerce Débuter en référencement 17 Novembre 2022
Bien gérer un script PHP un peu long Développement d'un site Web ou d'une appli mobile 12 Octobre 2022
Balise meta name description non prise en compte par Google Référencement Google 19 Septembre 2022
Deux questions pour deux scripts javascript. Développement d'un site Web ou d'une appli mobile 29 Août 2022
Search Console Comment réparer l'affichage de Google dans la mauvaise balise de description Meta ? Problèmes de référencement spécifiques à vos sites 19 Août 2022
Meta description différente de celle choisie (Rank Math + Qwant) Problèmes de référencement spécifiques à vos sites 25 Juillet 2022
Pages dynamiques avec Javascript ? Développement d'un site Web ou d'une appli mobile 14 Juillet 2022
Balise méta description : faut-il insérer son mot-clé ? Débuter en référencement 2 Juillet 2022
[JavaScript Array] modifier un code html sans le supprimer/recréer Développement d'un site Web ou d'une appli mobile 20 Juin 2022
Lien dans la description d'une vidéo YouTube...quel est prix raisonnable par mois ? YouTube, Google Images et Google Maps 16 Juin 2022
Le javascript protège-t-il du copiage HTML ? Développement d'un site Web ou d'une appli mobile 9 Mai 2022
Sites de scripts PHP, jQuery, Ajax, etc. Le café de WebRankInfo 20 Mars 2022
Tester une URL avec Javascript Développement d'un site Web ou d'une appli mobile 25 Février 2022
jour en javascript Développement d'un site Web ou d'une appli mobile 24 Février 2022