* Effet papillon
Joueb.com
Envie de créer un weblog ?
 ViaBloga
Le nec plus ultra pour créer un site web.
Débarrassez vous de cette publicité : participez ! :O)
choucroutor
bonjour

NOUS SOMMES LE
The WeatherPixie

LES SITES A VISITER
leftfield
autour de nous

Session
Nom d'utilisateur
Mot de passe

Mot de passe oublié ?
* Effet papillon

Par prudence il faut créer une copie de son skin que  l'on va renvoyer sur le joueb (copie et renomme le skin téléchargé) dans le menu administrateur et mise en page.

Aprés avoir éditer la copie et chercher la balise <head>, sur la ligne du dessous il faut insérer un espace (en appuyant sur la touche entrée) et copier/coller les lignes suivantes

<div id="img" style="position:absolute;">
<img src="http://gifsmaniac.free.fr/animaux/insectes/ins011.gif">
</div>

<script language="JavaScript">
<!-- Begin
// Original:  Justin Arruda (JArruda@mindspring.com)
// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com

var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
   }
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
   }
}
start();
// End -->
</script>

Après avoir valider il faut tester le skin; Si ça marche soit on fait la même chose dans son skin modèle ou soit on valide sa copie en modèle.

l'adresse de l'image peut être remplacé en insérant une nouvelle adresse URL dans img src="adresse URL"

Mais il vaut mieux toujours faire des essais sur une copie car malheuresement ça peut bugger 

Ecrit par , le Jeudi 15 Juillet 2004, 22:10 dans la rubrique "trucs et astuces blog".
Repondre a cet article