Modules Thèmes Tester Contact
INSCRIPTION
HeaDev script template module et thème pour kwsphp - Article - Javascript bgmax effet de fondu sur image en background
Se souvenir de moi ?   Mot de passe perdu ?

Index des articles > Tuto > Javascript bgmax effet de fondu sur image en background

Javascript bgmax effet de fondu sur image en background

Article posté par Ψjulkien.
Paru le samedi 18 septembre 2010 à 01:22
Vu 1088 fois.

Javascript bgmax effet de fondu sur image en background

Parce qu'avoir une belle image en fond de site vous permettrez de mieux présenter celui-ci, ce script vous facilitera la tâche tant par sa simplicité que par sa réactivité.


Pour commencer, téléchargez le script sur cette URL :

http://www.webbricks.org/bricks/bgMax/bgMax.download.zip

Une fois fait, dézippez-le et mettez le script dans le dossier includes de votre thème, si celui-ci n'en possède pas créez-le.

une fois fait, ouvrez le fichier header.php de votre thème et cherchez cette ligne :

Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4.  
  5.     <link rel="stylesheet" href="themes/'.$K_theme.'/style/style.css" type="text/css" />
  6.  
  7. #####!!!#####
  8. ?>


Juste en-dessous rajoutez ceci :


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4.     <script src="themes/'.$K_theme.'/includes/bgMax.min.js" type="text/javascript"></script>
  5.  
  6. #####!!!#####
  7. ?>


Puis juste après la balise <body> ajoutez :


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4.         <script type="text/javascript">
  5.         var options = {
  6.             mode : "max",
  7.             position : "fixed",
  8.             align : "center",
  9.             fadeAfter : 1,
  10.             fadeOptions : { duration : 2000 }
  11.             };
  12.         bgMax.init('themes/'.$K_theme.'/includes/background.jpg', options)
  13.         </script>
  14.  
  15. #####!!!#####
  16. ?>


Dans mon exemple, l'image de background s'appelle background.jpg, il vous suffit de mettre cette image dans le dossier includes de votre thème.

Ainsi vous aurez une magnifique image qui s'affichera de manière fixe en background sur votre site avec un jolie effet de fondu.

N'oubliez pas le CTRL + F5 pour voir les changements.

Site de l'auteur pour avoir plus de détail sur les fonctions avancées :
[url]
http://www.webbricks.org/bricks/bgMax/[/url]

Mots clés : tuto,javascript,bgMax,plugins,fondu,background,script,tutoriel
[ Imprimer cet article ]
# lecture
Partagez Moi :

Retour Page principale Aide Accueil


copyright headev.com

Tchat  Grives.net  -Ruisseau-des-blaquieres - St Eloi-chateau-gombert - Le jardin d'a côte - Brikwo Tchat Webcam Quizz  Headev  Tchat tchat gratuit - Mister Blague -  Visiotop - La mare du gof - rencontres gratuites - femme cherche femme - rencontre musulman - Annuaire pour site de tchat et rencontre - Label pour site de tchat