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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par [Parano]GHOST le Sam 21 Jan 2012 - 23:22

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 !


Dernière édition par [Parano]GHOST le Dim 22 Jan 2012 - 4:48, édité 1 fois

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Sam 21 Jan 2012 - 23:30

Bonsoir,

Je vous invite à suivre cette démarche, mais en remplaçant "imageducoeur" par https://i41.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 Wink

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


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 0:11

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

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 1:21

Bonsoir,

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


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 2:34

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=http://www.archive-host.com/files/1420501/6e98a7470644edfc39611a5e></script>

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

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 2:48

Bonsoir,

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



Votre code doit se terminer par .js Wink


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 2:56

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

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 2:59

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.


Dernière édition par Dr. Karlos le Dim 22 Jan 2012 - 4:22, édité 1 fois

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 3:33

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

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 3:46

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:
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)
}

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.


Dernière édition par Dr. Karlos le Dim 22 Jan 2012 - 4:22, édité 1 fois

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 4:01

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 !

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 4:04

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 Wink


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 4:17

ouffff c ok !! par contre voici le lien:
<script src=http://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 !!!

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 4:31

Bonsoir,

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

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 4:41

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 !! salut

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par Dr. Karlos le Dim 22 Jan 2012 - 4:42

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: intégrer une image dynamique sur la page d'accueil

Message par [Parano]GHOST le Dim 22 Jan 2012 - 4:47

merci à toi !!
il est l'heure d'aller , bonne nuit !!
super merci !!
à bientôt pour d'autres sujets !!
ok résolu Thanks

[Parano]GHOST
***

Masculin
Messages : 116
Inscrit(e) le : 14/12/2011

http://lateam-el-para.forumactif.org/forum
[Parano]GHOST a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum