Image bouton ascenseur

[Horatio]

Bonjour à tous,

J'ai installé, dans la matinée un bouton asenceur grâce à l'aide de scipion que je remercie.
Le code suivant m'a été fournis :

Code:

<div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>

Néanmoins, les images des boutons haut et bas sont celles par défaults, je souhaiterais y mettre mes images :

1ère :

Code:

http://i78.servimg.com/u/f78/15/28/98/12/scroll11.png

2ème :

Code:

http://i78.servimg.com/u/f78/15/28/98/12/scroll10.png

Je demande votre aide pour changer ces boutons, merci d'avance.

Cordialement,
Horatio

[Lixyr]

Bonjour.

Ce sont ces images-là ?

Il me semble que vous devez changer les images dans le code javascript :

<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

en modifiant ceci :
- http://services.supportduweb.com/navigation_up_down/styles/images/s4.png
qui se trouve à deux reprises dans le code.

[Horatio]

Bonjour,

Merci pour votre aide. Mais ou se trouve à deux reprises la code ?

Cordialement

[Lixyr]

Il se trouve ici :

Code:

<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

dans le lien js.

Il faut enregistrer le code contenu dans le lien js. Le modifier en remplaçant les deux liens des images, l'enregistrer sur un serveur, et remplacer le lien dans le code ci-dessus par le nouveau.

[Horatio]

Pouvez m'expliquer comment je dois procéder svp ?

Cordialement

[Lixyr]

Vous avez ce code :

Code:

    <div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>

qui fonctionne grâce à un code java, ici :

<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

Si vous cliquez sur le lien http://services.supportduweb.com/navigation_up_down/4-23270-right.js, vous verrez ce code-ci :

Code:


var html_23270 = "<style type=\"text/css\">#navigation_up_down_23270 .navigation_up_down_23270, #navigation_up_down_23270 .navigation_up_down_23270 div{   padding:0px;   margin:0px;   border:0px;}#navigation_up_down_23270 .navigation_up_down{   margin:auto;   width:30px;   height:60px;   position:fixed;   bottom:5px;   right:5px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_up{   margin:auto;   display:block;   width:30px;   height:30px;   cursor:pointer;   background:url(\'http://services.supportduweb.com/navigation_up_down/styles/images/s4.png\');   background-position: 0px 0px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_up:hover{   background-position: -30px 0px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_up:active{   background-position: -60px 0px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_down{   margin:auto;   display:block;   width:30px;   height:30px;   cursor:pointer;   background:url(\'http://services.supportduweb.com/navigation_up_down/styles/images/s4.png\');   background-position: 0px -30px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_down:hover{   background-position: -30px -30px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_down:active{   background-position: -60px -30px;}</style><div class=\"navigation_up_down\">   <div class=\"navigation_up_down_up\" onclick=\"window.scrollTo(0,1);window.scrollTo(0,0);\"></div>   <div class=\"navigation_up_down_down\" onclick=\"window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);\"></div></div>";
document.getElementById('navigation_up_down_23270').innerHTML=html_23270;

dedans se trouvent les liens des images utilisées.

background:url(\'http://services.supportduweb.com/navigation_up_down/styles/images/s4.png\'); background-position: 0px 0px;}height:30px;

qui sont donc : http://services.supportduweb.com/navigation_up_down/styles/images/s4.png

Code:

http://services.supportduweb.com/navigation_up_down/styles/images/s4.png

Pour les modifier, il faut donc modifier ces deux liens

Code:

http://services.supportduweb.com/navigation_up_down/styles/images/s4.png

dans le code java*.

Pour ça, il faut que vous enregistriez le code java dans sa totalité dans, par exemple, un bloc note, et que vous modifiez ces deux liens (images) par les votres.

Ensuite, vous enregistrez votre document en tapant entièrement :

NOM_DE_VOTRE_FICHIER.js

dans vos documents.

N'oubliez surtout pas le .js

Ensuite, vous allez sur un site hébergeur, tel que archive host, ou bien vous allez dans la gestion de vos code javascript, et vous enregistrez votre code dedans.

Vous récupérez le lien de la page de votre code js maintenant hébergé.
Et vous le remplacez dans le code, ici :

<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

comme ceci :

<script type="text/javascript" src="VOTRE_URL_DE_VOTRE_FICHIER.js"></script>

[Horatio]

Bonsoir,

Parfait sa marche parfaitement bien.
Je vous remercie beaucoup.

Cordialement,

[Lixyr]

Je vous en prie.
Bonne continuation à vous.