Modifier ce menu avec images zoomées en php Fermé

Question

Bonjour à tous !!   
   
Alors voilà commencons par etre clair   
Je n'ai aucune connaissance des language de programmation   
Aucun , pas un seul   
Je sais , c'est la honte       
   
J'en suis donc à mon deuxieme site en me servant de dreamweaver , d'internet et de ma logique     
   
J'aimerais faire un menu deroulant de ce type :    
Tutoriel : http://gloubiweb.free.fr/scripts/javascript86.htm   
Script : http://gloubiweb.free.fr/scripts/javascripts1.htm   
   
Mais seulement voilà : On ne peut mettre que six images dans dans ce menu   
Et le problème c'est que j'en ai .... 13  à faire rentrer horizontalement   
   
J'aurais aimé savoir comment vous modifiriez le script pour modifier ce nombre d'images ...   
   
J'ai déjà essayé plusieurs choses , sans succès ...   
   
Merci beaucoup d'avance

Max_B · Answer

Salut 

Comme tu le dis tu utilises ta logique, et bien pour y mettre 13 images alors que tu ne peux en mettre que 6 il faut en rajouter 7 !

Donc tu n'as qu'à continuer en appelant les images suivantes bt7, bt8 et ainsi de suite ... 


En revanche c'est diablement long à charger, avec mon débit  professionnel, j'ai attendu au moins 5 secondes que ce menu se charge, alors un conseil, essaye d'optimiser ca ;=)

Elliott6662 · Answer

J'ai deja essayé ca ...ca ne marche pas

j'ai egalement essayé de rentrer deux fois le script , mais ca ne fontionne pas non plus

Que uis je faire pour l'optimiser ?

merci beaucoup !!!

Gihef · Answer

Bonjour,

“c'est la honte”
Hououou ! La honte !
Tu parles (-;
Bon, d'accord, ce n'est pas du PHP, c'est du Javascript (-;
Et puis, ça “s'adresse aux personnes un peu plus expérimentées”.

Ce n'est pas bien compliqué et le texte d'explication te donne une piste : “Modifiez les lignes du menu”.
Dans le .js, on peut rapidement voir (c'est au début du script) que la liste des images est définie[ 'http://page.com' , 'bt1.gif' , 'blank', 'Mes papiers outlook et signatures animées' ],Donc, après avoir renommé les images dont on dispose ou avoir adapté le nom des images dans le script, il suffit d'y allonger la liste, d'y ajouter celles qu'on veut voir figurer dans le menu.
On obtient ainsi quelque chose commevar linkList=[
  [ 'http://page.com' , 'bt1.gif' , 'blank', 'Mes papiers outlook et signatures animées' ],
  [ 'mapage.htm' , 'bt2.gif' , 'blank', 'Poèmes et pensées ' ],
  [ 'mapage.htm' , 'bt3.gif' , 'blank', 'Des fonds pour votre PC' ],
  [ 'mapage.htm' , 'bt4.gif' , 'blank', 'Pour me joindre' ],
  [ 'mapage.htm' , 'bt5.gif' , 'blank', 'Paint shop pro' ],
  [ 'mapage.htm' , 'bt6.gif' , 'blank', 'Les images animées' ],
  // Ajout pour répondre à modifier ce menu avec images zoomees en php
  [ 'mapage.htm' , 'bt7.gif' , 'blank', 'Mes papiers outlook et signatures animées #2' ],
  [ 'mapage.htm' , 'bt8.gif' , 'blank', 'Poèmes et pensées #2' ],
  [ 'mapage.htm' , 'bt9.gif' , 'blank', 'Des fonds pour votre PC #2' ],
  [ 'mapage.htm' , 'bt10.gif' , 'blank', 'Pour me joindre #2' ],
  [ 'mapage.htm' , 'bt11.gif' , 'blank', 'Paint shop pro #2' ],
  [ 'mapage.htm' , 'bt12.gif' , 'blank', 'Les images animées #2' ],
]   &rarr; Ne pas oublier la “,” à la fin des lignes.

Voilà. C'est aussi simple que ça (merci au concepteur).

Pour le tester, j'ai Copié/Collé les lignes du dessus puis ai modifié les noms des fichiers-images. J'ai ensuite dupliqué les images puis les ai renommées.

Comment ? Tu dis ? Ah, tu en as 13…
Et bien si tu as compris, ça ne devrait pas être difficile d'en ajouter une (-;


+ Je n'ai pas testé que les liens fonctionnent.
C'est un effet qu'on trouve dans le Dock de Mac OS X.
Peut-être bien repris de NeXt (?)

Gihef · Answer

Et puis, je viens de suivre les 2e lien.
Il y est indiqué “Droits réservés®Gloubiweb2006”
Peux-tu leur demander si ce type de modif. est autorisé ?

Elliott6662 · Answer

Merci de ta reponse


Ca fait longtemps que j'ai envoyé un mail au webmaster du site pour lui demander pour son copyright

Comme je le disais j'ai essayé , bien evidemment de renommer les lignes , mais cela ne fonctionne pas : 

je me retrouve avec ca : 


var linkList=[
  [ 'mapage.htm' , 'bt1.gif' , 'blank', 'Acceuil' ],
  [ 'mapage.htm' , 'bt2.gif' , 'blank', 'Contact' ],
  [ 'mapage.htm' , 'bt3.gif' , 'blank', ' ' ],
  [ 'mapage.htm' , 'bt4.gif' , 'blank', 'Niews' ],
  [ 'mapage.htm' , 'bt5.gif' , 'blank', 'Le groupe' ],
  [ 'mapage.htm' , 'bt6.gif' , 'blank', 'Musique' ],
  [ 'mapage.htm' , 'bt7.gif' , 'blank', 'Paroles' ],
  [ 'mapage.htm' , 'bt8.gif' , 'blank', 'Tablatures' ],
  [ 'mapage.htm' , 'bt9.gif' , 'blank', ' ' ],
  [ 'mapage.htm' , 'bt10.gif' , 'blank', ' Livre dort' ],
  [ 'mapage.htm' , 'bt11.gif' , 'blank', ' Faq' ],
  [ 'mapage.htm' , 'bt12.gif' , 'blank', ' Liens' ],
]

Merci beaucoups

Gihef · Answer

Il convient peut-être de chercher où, en dehors des ajouts, tu as modifié le code d'origine ?
Compare vos 2 codes.

var linkList=[
[ 'mapage.htm' , 'bt1.gif' , 'blank', 'Mes papiers outlook et signatures animées' ],
[ 'mapage.htm' , 'bt2.gif' , 'blank', 'Poèmes et pensées ' ],
[ 'mapage.htm' , 'bt3.gif' , 'blank', 'Des fonds pour votre PC' ],
[ 'mapage.htm' , 'bt4.gif' , 'blank', 'Pour me joindre' ],
[ 'mapage.htm' , 'bt5.gif' , 'blank', 'Paint shop pro' ],
[ 'mapage.htm' , 'bt6.gif' , 'blank', 'Les images animées' ]
]

var linkList=[ 
[ 'mapage.htm' , 'bt1.gif' , 'blank', 'Acceuil' ], 
[ 'mapage.htm' , 'bt2.gif' , 'blank', 'Contact' ], 
[ 'mapage.htm' , 'bt3.gif' , 'blank', ' ' ], 
[ 'mapage.htm' , 'bt4.gif' , 'blank', 'Niews' ], 
[ 'mapage.htm' , 'bt5.gif' , 'blank', 'Le groupe' ], 
[ 'mapage.htm' , 'bt6.gif' , 'blank', 'Musique' ], 
[ 'mapage.htm' , 'bt7.gif' , 'blank', 'Paroles' ], 
[ 'mapage.htm' , 'bt8.gif' , 'blank', 'Tablatures' ], 
[ 'mapage.htm' , 'bt9.gif' , 'blank', ' ' ], 
[ 'mapage.htm' , 'bt10.gif' , 'blank', ' Livre dort' ], 
[ 'mapage.htm' , 'bt11.gif' , 'blank', ' Faq' ], 
[ 'mapage.htm' , 'bt12.gif' , 'blank', ' Liens' ], 
]

Ah, mais tu as raison, il y a une différence entre ce que j'ai utilisé et ce qu'ils proposent en téléchargement.
Je n'avais pas été voir la 2e page mais avais récupéré le code à partir de l'indication fournie dans la page :

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="linkdock.js"></SCRIPT>

et qu'on trouve donc ici : http://gloubiweb.free.fr/scripts/linkdock.js

Ça commence différemment :

var linkList=[
[ 'http://page.com' , 'bt1.gif' , 'blank', 'Mes papiers outlook et signatures animées' ],

Voilà un bug à leur indiquer.

Modifier ce menu avec images zoomées en php

6 réponses

Discussions similaires