Modifier ce menu avec images zoomées en php

Fermé
Elliott6662 - 4 mars 2007 à 13:42
 jahvascriptmaniac - 12 juin 2007 à 13:40
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
A voir également:

6 réponses

Max_B Messages postés 426 Date d'inscription jeudi 14 décembre 2006 Statut Membre Dernière intervention 3 juillet 2012 56
4 mars 2007 à 13:53
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 ;=)

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 Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
4 mars 2007 à 21:23
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 comme
var 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' ],
]
   → 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 Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
4 mars 2007 à 22:51
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é ?

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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
jahvascriptmaniac
12 juin 2007 à 13:40
var linkList=[
[ 'mapage.htm' , 'bt1.gif' , 'blank', 'Acceuil' ],
[ 'mapage.htm' , 'bt2.gif' , 'blank', 'Contact' ],
...
[ 'mapage.htm' , 'bt10.gif' , 'blank', ' Livre dort' ],
[ 'mapage.htm' , 'bt11.gif' , 'blank', ' Faq' ],
[ 'mapage.htm' , 'bt12.gif' , 'blank', ' Liens' ],
]

L'erreur est la virgule à la fin de la dernière ligne. ça devrait être :
[ 'mapage.htm' , 'bt12.gif' , 'blank', ' Liens' ]
et non pas
[ 'mapage.htm' , 'bt12.gif' , 'blank', ' Liens' ],

Voilà ! (après j'ai pas testé, mais je suis sûr que ça c'est déjà une erreur. Quand on modifie un script comme ça, faut toujours vérifier que la 1ere ou la dernière ligne ne sont pas différentes dans le script original... Quelle bande de noobs ! :-p
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
5 mars 2007 à 17:36
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.