Image changeante au sein d'un menu

Image changeante au sein d'un menu [Réglé]

optilog Membre non connecté

Booster Fuzil

Le 14/10/2009 à 09h13

Booster Fuzil
Voir le profil du membre optilog
Inscrit le : 12/01/2008
Site internet

Bonjour,

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é

Equipe Développement Modérateur

Le 14/10/2009 à 13h03

#73702

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Avec ou sans défilement ?

optilog Membre non connecté

Booster Fuzil

Le 14/10/2009 à 13h14

#73705

Booster Fuzil
Voir le profil du membre optilog
Inscrit le : 12/01/2008
Site internet

je pense qu'avec c'est mieux....

CrowkaiT Membre non connecté

Equipe Historique Modérateur

Le 14/10/2009 à 19h38

#73753

Modérateur
Voir le profil du membre CrowkaiT
Inscrit le : 17/06/2005
Email
Site internet
Groupes :
Equipe Historique

La galerie photos gère cela nativement.

Pas de support par messages privés! Pensez à mettre vos messages en réglé en cliquant sur le bouton réglé!

Visiteur

Boosteur Inactif

Le 14/10/2009 à 19h49

#73755

Boosteur Inactif
Voir le profil du membre
Inscrit le : 03/06/2026

Oui c'est possible en créant un module de contenu via l'administration et en le codant de cette manière:

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

Le 14/10/2009 à 19h56

#73757

Booster Fusée
Voir le profil du membre KONA
Inscrit le : 21/05/2006
Email
Site internet

je crois qu'il va y avoir conflit avec la galerie si dans le JS tu l'appel element: "scrolling_images", , sur mixomatik j'ai mis scrolling_image2 et j'ai plus de soucis ( ça remonte au début de la sortir v3 )

Recherche moto cross volée L'est de la france

Visiteur

Boosteur Inactif

Le 14/10/2009 à 19h57

#73758

Boosteur Inactif
Voir le profil du membre
Inscrit le : 03/06/2026

Merci KONA, c'est vrai que chez moi, j'ai pas le mini module galerie d'affiché ^^

optilog Membre non connecté

Booster Fuzil

Le 15/10/2009 à 08h23

#73786

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

Le 15/10/2009 à 09h04

#73789

Boosteur Inactif
Voir le profil du membre
Inscrit le : 03/06/2026

Optilog, C'est simple,

Tu met soit l'url complète de là ou tu 'as placé en dehors (imageshack etc...) ce qui te donneras:

Code TPL :

<img src="http://XXXXXXXXXX.com/ton_image.jpg"

Soit tu appelles le dossier ou tu la placé dans PBT :

Code TPL :

<img src="/upload/ton_image.jpg"

optilog Membre non connecté

Booster Fuzil

Le 15/10/2009 à 10h09

#73797

Booster Fuzil
Voir le profil du membre optilog
Inscrit le : 12/01/2008
Site internet

hum j'ai écris ceci:

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

Le 15/10/2009 à 10h12

#73799

Boosteur Inactif
Voir le profil du membre
Inscrit le : 03/06/2026

oui

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

Le 15/10/2009 à 10h22

#73800

Booster Fuzil
Voir le profil du membre optilog
Inscrit le : 12/01/2008
Site internet

Bon je doit pas être bon sur ce coup la parce que même avec un copier coller ca marche pas

pas d'images qui s'affichent

Merci du temps passé swan

Visiteur

Boosteur Inactif

Le 15/10/2009 à 10h31

#73802

Boosteur Inactif
Voir le profil du membre
Inscrit le : 03/06/2026

On ne baisse pas les bras ! Attends je regarde en locale ...

[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