Image changeante au sein d'un menu [Réglé]
optilog Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre optilog
- Inscrit le : 12/01/2008
- Site internet
Alors voila je me pose une question, est il possible de changer l'image par une autre toute les x secondes au sein d'un menu ajouté sur phpboost.
Exemple :

Et au bout de X seconde c'est un autre logo qui apparait, sans afficher le titre.
Merci de votre aide.
Édité par optilog Le 14/10/2009 à 09h14
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
optilog Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre optilog
- Inscrit le : 12/01/2008
- Site internet
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
Pas de support par messages privés! Pensez à mettre vos messages en réglé en cliquant sur le bouton réglé!
Visiteur
Boosteur Inactif
Code TPL :
[html] <div style="width:140px;height:321px;margin:auto;"> <div style="position:relative;width:140px;height:321px;overflow:hidden;" id="scrolling_images"> <script src="{PATH_TO_ROOT}/gallery/templates/images/js/marquee.js" type="text/javascript"></script> <script type="text/javascript"> <!-- new Marquee({ element: "scrolling_images", animIn: Marquee.slideIn, animOut: Marquee.slideOut, delay: 1, data: [ { message: '<a href="http://lien_url.com/"><img src="/upload/ton_image.jpg" alt="CsN toolbar" width="140px" height="321px" /></a>' }, { message: '<a href="http://lien_url.com/"><img src="/upload/ton_image1.jpg" alt="CsN toolbar" width="140px" height="321px" /></a>' }, { message: '<a href="http://lien_url.com/"><img src="/upload/ton_image2.jpg" alt="CsN toolbar" width="140px" height="321px" /></a>' }, { message: '<a href="http://lien_url.com/"><img src="/upload/ton_image3.jpg" alt="CsN toolbar" width="140px" height="321px" /></a>' }, ] }); --> </script></div></div> <br> <hr> [/html]
Pour gérer le temps de défillement, joue avec :" delay: 1,"
Renomme les liens url et place le nom de tes images.
Personnellement chez moi cela fonctionne
Édité par Visiteur Le 14/10/2009 à 19h52
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Visiteur
Boosteur Inactif
optilog Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre optilog
- Inscrit le : 12/01/2008
- Site internet
Citation :
La galerie photos gère cela nativement.
=>CrowkaiT
Comme tu le dis c'est pour les photos, et je préfère garder ce module pour les.....photos

=>swan
merci pour ton aide c'est tout à fait ca que je voulais, par contre j'ai du mal pour indiquer l'adresse des images

=> KONA
merci pour ton intervention.
Visiteur
Boosteur Inactif
optilog Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre optilog
- Inscrit le : 12/01/2008
- Site internet
Code TPL :
[html] <div style="width:140px;height:140px;margin:auto;"> <div style="position:relative;width:140px;height:140px;overflow:hidden;" id="scrolling_images"> <script src="{PATH_TO_ROOT}/gallery/templates/images/js/marquee.js" type="text/javascript"></script> <script type="text/javascript"> <!-- new Marquee({ element: "scrolling_images", animIn: Marquee.slideIn, animOut: Marquee.slideOut, delay: 1, data: [ { message: '<a href="http://edrvaldorge.free.fr/images/CD91.JPG/" alt="logofed" width="140px" height="140px" /></a>' }, { message: '<a href="http://edrvaldorge.free.fr/images/Lnr.JPG/" alt="logofed" width="140px" height="140px" /></a>' },></a>' }, ] }); --> </script></div></div> <br> <hr> [/html]
mais rien ne s'affiche, aurais-je fais une erreur?
Visiteur
Boosteur Inactif
Un slash de trop 
Rectifié :
Code TPL :
[html] <div style="width:140px;height:140px;margin:auto;"> <div style="position:relative;width:140px;height:140px;overflow:hidden;" id="scrolling_images"> <script src="{PATH_TO_ROOT}/gallery/templates/images/js/marquee.js" type="text/javascript"></script> <script type="text/javascript"> <!-- new Marquee({ element: "scrolling_images", animIn: Marquee.slideIn, animOut: Marquee.slideOut, delay: 1, data: [ { message: '<a href="http://edrvaldorge.free.fr/images/CD91.JPG" alt="logofed" width="140px" height="140px" /></a>' }, { message: '<a href="http://edrvaldorge.free.fr/images/Lnr.JPG" alt="logofed" width="140px" height="140px" /></a>' },></a>' }, ] }); --> </script></div></div> <br> <hr> [/html]
optilog Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre optilog
- Inscrit le : 12/01/2008
- Site internet
pas d'images qui s'affichent
Merci du temps passé swan
Visiteur
Boosteur Inactif
[Edit] Deuxième solution:
1) créer dans le dossier images de ton thème, un dossier nommé js.
2) Ensuite, tu vas aller dans : /gallery/templates/images/js/ et copier le "marquee.js" dans le dossier nouvellement créé.
3) Et dans le menu de contenu, met se code :
Code TPL :
[html] <div style="width:140px;height:140px;margin:auto;"> <div style="position:relative;width:140px;height:140px;overflow:hidden;" id="scrolling_images2"> <script src="/templates/base/images/js/marquee.js" type="text/javascript"></script> <script type="text/javascript"> <!-- new Marquee({ element: "scrolling_images2", animIn: Marquee.slideIn, animOut: Marquee.slideOut, delay: 1, data: [ { message: '<img src="http://edrvaldorge.free.fr/images/CD91.JPG" alt="logofed" width="140px" height="140px" />' }, { message: '<img src="http://edrvaldorge.free.fr/images/Lnr.JPG" alt="logofed" width="140px" height="140px" />' }, ] }); --> </script></div></div> <br> <hr> [/html]
Ci cela ne passe toujours pas, c'est free qui te bloque les images. Mets les dans le dossier images de phpboost et mets le lien à jour dans le code et dis moi si cela passe ^^
Édité par Visiteur Le 15/10/2009 à 11h05
optilog Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre optilog
- Inscrit le : 12/01/2008
- Site internet
Visiteur
Boosteur Inactif
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
