intégrer une image dynamique sur la page d'accueil

[[Parano]GHOST]

bonsoir à tous ,
je voudrais intégrer un hélico qui descend comme de la neige sur la page d'accueil!!
est ce possible ??
qui pourrais m'aider??
merci d'avance !
voici l'image ;


en rapport avec mon forum basé sur les jeux de guerre en réseau !!
merci à vous !

[Dr. Karlos]

Bonsoir,

Je vous invite à suivre cette démarche, mais en remplaçant "imageducoeur" par https://i.servimg.com/u/f41/14/71/48/62/vehicu10.gif, qui est l'image de votre hélicoptère.

N'enregistrez pas votre fichier sur le Panneau d'administration dans la gestion des codes Javascript, mais hébergez-le chez un hébergeur javascript, comme Archive Host. Suivez le reste de la démarche par la suite

Si vous avez besoin de précisions, ne vous gênez pas.


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

merci pour ta réponse , j'ai hébergé sur archive host !!
je dois prendre quel lien??
merci !!

[Dr. Karlos]

Bonsoir,

En cliquant sur la petite flèche à droite de votre fichier, cliquez sur "Informations et codes". Prenez, dans le lien principal


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

merci pour ta disponibilité, par contre j'ai pris et collé le lien dans description du site et rien ne se passe !!
j'ai collé ceci :
<script src=https://www.archive-host.com/files/1420501/6e98a7470644edfc39611a5e></script>

merci à toi , la je sèche !!!

[Dr. Karlos]

Bonsoir,

Vous n'avez pas pris l'intégralité du code Javacsript.



Votre code doit se terminer par .js


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

ok merci mais que dois je héberger ? j'ai hébergé l'hélico !! j'ai du faire une gaffe !!!
merci!

[Dr. Karlos]

Bonsoir,

Le code que vous avez fait qui devrait être celui-ci:

Code:

  /******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
 
// Indiquer l'URL de l'image du flocon :
var urlflocon="http://i41.servimg.com/u/f41/14/71/48/62/vehicu10.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 10;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";
 
/////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////
 
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
 
function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran
 
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}
 
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
 
for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
}
}
}
 
function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("dot")
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}
 
function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
 
if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}

Vous l'hébergez chez Archive-Host, dans vos fichiers vous le verrez, cliquez sur la petite flèche en haut à droite, cliquez sur "Informations générales" et copiez le lien principal.


Par la suite, insérez l'URL du code hébergé chez Archive-Host dans ce code:

Code:

<script src="urlducodejavascript"></script>

Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

comment dois je faire pour héberger le contenu du code ??
comment mettre le contenu en fichier pour pouvoir l'héberger
désolé pour le dérangement !!
merci

[Dr. Karlos]

Bonsoir,

Avez-vous un compte Archive Host? Si oui, cliquez ici.

Par la suite, cliquez sur "Mes Fichiers", par la suite sur "Ajouter des fichiers". Entrez ce code dans le bloc-notes de votre ordinateur:

Spoiler:

Enregistrez votre code où vous le désirez avec comme nom "code.js". Par la suite, glissez votre fichier sur la page que vous avez ouverte avec Archive-Host.

Par après, démarrez les envois. Votre fichier apparaît alors dans la boîte de fichiers:



Par la suite, passez votre souris sur le fichier en question et cliquez sur la flèche se trouvant en haut à droite.

Ensuite, cliquez sur "Informations générales":


Cliquez sur l'onglet "codes" et par après copiez le lien "principal":


En dernier, suivez les instructions écrites ici.


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

oui je suis inscrit chez archive host , par contre qu'entendez vous par bloc note !!!je coince a ce nouveau , le reste c ok !!
merci !désolé je suis novice en informatique !!
merci !

[Dr. Karlos]

Bonsoir,

Ce n'est pas grave ^^. Appuyez sur "Démarrer" (dans votre ordinateur) et dans rechercher tapez "bloc-notes" et appuyez sur entrer.

Collez le code que je vous ai donné et enregistrez votre fichier sur votre bureau en le nommant code.js


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

ouffff c ok !! par contre voici le lien:
<script src=https://www.archive-host.com/files/1420625/6e98a7470644edfc39611a5e49732bfd0ef9a129/code.js></script>

rien ne se passe , woin pas d'hélico !!! lol
merci !! je vais m'arracher les cheveux !!!

[Dr. Karlos]

Bonsoir,

Vous avez mis une virgule après le lien de l'image

Retournez sur la page où vous voyez vos fichiers, mettez votre souris sur le fichier en question, appuyez encore sur la flèche en haut à droite, cliquez sur "Éditer".

Trouvez cette partie:

Code:

  // Indiquer l'URL de l'image du flocon :
        var urlflocon="http://i41.servimg.com/u/f41/14/71/48/62/vehicu10.gif,"

Et remplacez-la par ceci:

Code:

  // Indiquer l'URL de l'image du flocon :
        var urlflocon="http://i41.servimg.com/u/f41/14/71/48/62/vehicu10.gif"

.

Appuyez sur "Sauvegarder", fermez la fenêtre et aller voir sur votre forum.


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

alors la je dis bravo et chapeau bas !!
merci l'artiste c'est ok !!
un grand grand merci , heureusement qu'il y a des gens comme toi avec une telle patience !!
dernière question et je clôturerais le sujet ,pour modifier le nombre d'hélico , je vais dans le contenu du code sur quelle ligne !!
merci et bonne nuit !!

[Dr. Karlos]

Bonsoir,

Ça fait plaisir ^^.

Cette ligne:

Code:

// Ecrire le nombre de flocons :
        var nombreflocons = 10;

N'en mettez pas trop, sinon ça va faire buguer votre page et le script.


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[[Parano]GHOST]

merci à toi !!
il est l'heure d'aller , bonne nuit !!
super merci !!
à bientôt pour d'autres sujets !!
:thanks: