11548 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Galerie photos

Bonjour à vous!

J'espère que ma question ne paraîtra pas trop niaise, le fait est que je ne connais peu (pas..) Javascript. J'ai trouvé sur Alsacréations un tutoriel pour réaliser des galeries photos en Javascript.

Réalisée sur une page "indépendante" à mon site, cela fonctionne parfaitement : http://www.kundera.be/Congreg2/pages/GALERIE.html
Par contre, quand je veux l'intégrer sur la page de mon site prévue à cet effet (et qui contient déjà du Javascript) cela ne fonctionne plus : http://www.kundera.be/Congreg2/pages/medias.html

Et cela que je mette les codes js internes à la page ou en fichier attaché. J'ai vérifié les chemins qui me paraissent bons. Je suppose que je fais une fausse manoeuvre, mais laquelle?

Un tout grand merci,

Manu
Modifié par manuwatt (09 Aug 2007 - 15:19)
Bonjour,

as tu essayé d'appeler ton javascript apres ton code en brut.

Car il se peut qu'il y est un conflit entre les deux.

edit: Apres avoir regarde je crois que tu as une fonction qui redirige vers un lien ( sur ton menu je crois ) il y a peut etre un conflit avec le fait d'apeller une page avec du javascript au lien de faire des lien en dure.
Modifié par Halindel (09 Aug 2007 - 14:44)
Tu as tout simplement un confilt lors du chargement de la page.

Sur ton script pour la galerie photo la dernière ligne (window.onload = displayPics;) indique que ton script doit être chargé une fois le chargement de la page fini.
Et en même temps, dans ton code html tu as ceci:
<body onload="MM_preloadImages('../images/boutons/OK/congreg_noir.jpg')">
.

Il te faut savoir que faire window.onload = ... revient à <body onload="...">

Plusieurs solutions marcheront:

1. Tu en lève la ligne window.onload = displayPics; du script.js et tu rajoute displayPics(); dans le <body onload... (ce qui te donnera <body onload="MM_preloadImages('../images/boutons/OK/congreg_noir.jpg'); displayPics();">)

2. Tu enlèves le contenu de de <body onload... (tu met <body> sans rien d'autre), puis tu va dans ton script et tu modifie la dernière ligne comme ci-dessous
window.onload = function() {
    displayPics();
    MM_preloadImages('../images/boutons/OK/congreg_noir.jpg');
}
.

3. Tu va lire ça: http://css.alsacreations.com/Tutoriels-JavaScript/bonnes-pratiques-javascript#event
puis tu choisi toi même Smiley smile

Tu aurais du chercher un peu mieux sur le forum... : http://forum.alsacreations.com/topic.php?fid=5&tid=27333

Edit: un poil à la bourre Smiley smile
Hello,

Tout d'abord, ça fonctionne maintenant très bien Smiley smile
Je me doutais bien que toute la documentation serait présente sur le site, mais comme je disais, je ne connais pas Javascript. Quand on n'a aucune idée d'où se trouve un problème, difficile d'introduire des mots-clefs "intelligents" dans les critères de recherche...

Merci beaucoup pour le temps consacré, puis maintenant au moins, j'ai appris des choses!

Manu
Sujet clos
Aller à