Widget photo défilante

[sousou33]

Bonjour,

Je n'arrive pas à créer un widget avec les photos qui défilent, qui s'arrêtent quand on glisse le curseur dessus et qui dirige sur une page internet (lien).

J'aimerai faire ça :
https://www1.zonewebmaster.eu/script/menu_defilant.html

J'ai suivi ce tuto mais je pense qu'il n'est pas adapté à nos forum...

Merci d'avance!

[sousou33]

Bonjour,

Je relance le post, je suis toujours à la recherche de la solution 
Merci d'avance!

Benjamin

[Kardo]

Bonjour,
J'ai testé en créant un widget personnalisé sur mon forum (Modules > Gestion des widgets du forum > créer un widget personnalisé)
Puis en y mettant le coderécupéré depuis la source de votre exemple et tout à l'air de fonctionner.
Voici le code que j'ai mis dans le widget :

Code:

<script language="javascript">
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
 {
 i0 = new Image;
 i0.src = 'http://www1.zonewebmaster.eu/images/chg-web.png';
 SiClickGoTo[0] = "http://www.chg-web.com";
 imgPath[0] = i0.src;
 i1 = new Image;
 i1.src = 'http://www1.zonewebmaster.eu/images/css3.jpeg';
 SiClickGoTo[1] = "http://www.w3schools.com/css/";
 imgPath[1] = i1.src;
 i2 = new Image;
 i2.src = 'http://www1.zonewebmaster.eu/images/linux.jpg';
 SiClickGoTo[2] = "https://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CCIQFjAAahUKEwjk6dm0jJDHAhWIbRQKHR4PAhQ&url=https%3A%2F%2Fwww.debian.org%2Findex.fr.html&ei=uAnBVeStKojbUZ6eiKAB&usg=AFQjCNEsR5IHZwUZv8nJP7FH8SGASfibnw&sig2=8CkQLOM8B7yAW6ixagykrw&bvm=bv.99261572,d.d24";
 imgPath[2] = i2.src;
 }
a = 0;
function StartAnim()
 {
 if (version >= 3)
 {
 document.write('<a href="#" onclick="ImgDest();return(false)"><img src="http://www1.zonewebmaster.eu/images/chg-web.png" border="0" alt="Menu" name="defil" /></a>');
 defilimg()
 }
 else
 {
 document.write('<a href="http://www1.zonewebmaster.eu"><img src="http://www1.zonewebmaster.eu/images/chg-web.png" border="0" /></a>')
 }
 }
function ImgDest()
 {
 document.location.href = SiClickGoTo[a-1];
 }
function defilimg()
 {
 if (a == 3)
 {
 a = 0;
 }
 if (version >= 3)
 {
 document.defil.src = imgPath[a];
 tempo3 = setTimeout("defilimg()",5000);
 a++;
 }
 }
</script>
<div style="width: 200px; margin: 50px auto 50px auto;">
 <script language="javascript">
StartAnim();
</script>
</div>
<div style="width: 470px; margin: 50px auto 50px auto;">
 <ins data-revive-id="c492b52dcfffcf0d55997f26a6ede89c" data-revive-zoneid="19"> </ins><script src="//www.chg-web.biz/delivery/asyncjs.php" async=""></script>
</div>

[sousou33]

Bonjour,

J'ai copier le code que vous avez donné, rien à faire....

[Lutins]

Bonjour @sousou33,

Le code communiqué par @Kardo fonctionne parfaitement quand je le teste dans l'atelier du Père Noël !

Pourriez-vous nous communiquer le lien du forum où vous avez testé le code en question ? De plus, Si vous pouviez mettre le widget en ligne avec votre code afin que nous puissions identifier le problème ? Il n'y a pas de raison que cela fonctionne chez nous et pas sur votre forum !

[sousou33]

Bonjour,

Voici le forum ou ça me pose problème :
www.amr33.forum.st

Le code :

Code:

[list=linenums]
[*]<script language="javascript">

[*]imgPath = new Array;

[*]SiClickGoTo = new Array;

[*]version = navigator.appVersion.substring(0,1);

[*]if (version >= 3)

[*] {

[*] i0 = new Image;

[*] i0.src = 'http://www1.zonewebmaster.eu/images/chg-web.png';

[*] SiClickGoTo[0] = "http://www.chg-web.com";

[*] imgPath[0] = i0.src;

[*] i1 = new Image;

[*] i1.src = 'http://www1.zonewebmaster.eu/images/css3.jpeg';

[*] SiClickGoTo[1] = "http://www.w3schools.com/css/";

[*] imgPath[1] = i1.src;

[*] i2 = new Image;

[*] i2.src = 'http://www1.zonewebmaster.eu/images/linux.jpg';

[*] SiClickGoTo[2] = "https://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CCIQFjAAahUKEwjk6dm0jJDHAhWIbRQKHR4PAhQ&url=https%3A%2F%2Fwww.debian.org%2Findex.fr.html&ei=uAnBVeStKojbUZ6eiKAB&usg=AFQjCNEsR5IHZwUZv8nJP7FH8SGASfibnw&sig2=8CkQLOM8B7yAW6ixagykrw&bvm=bv.99261572,d.d24";

[*] imgPath[2] = i2.src;

[*] }

[*]a = 0;

[*]function StartAnim()

[*] {

[*] if (version >= 3)

[*] {

[*] document.write('<a href="#" onclick="ImgDest();return(false)"><img src="http://www1.zonewebmaster.eu/images/chg-web.png" border="0" alt="Menu" name="defil" /></a>');

[*] defilimg()

[*] }

[*] else

[*] {

[*] document.write('<a href="http://www1.zonewebmaster.eu"><img src="http://www1.zonewebmaster.eu/images/chg-web.png" border="0" /></a>')

[*] }

[*] }

[*]function ImgDest()

[*] {

[*] document.location.href = SiClickGoTo[a-1];

[*] }

[*]function defilimg()

[*] {

[*] if (a == 3)

[*] {

[*] a = 0;

[*] }

[*] if (version >= 3)

[*] {

[*] document.defil.src = imgPath[a];

[*] tempo3 = setTimeout("defilimg()",5000);

[*] a++;

[*] }

[*] }

[*]</script>

[*]<div style="width: 200px; margin: 50px auto 50px auto;">

[*] <script language="javascript">

[*]StartAnim();

[*]</script>

[*]</div>

[*]<div style="width: 470px; margin: 50px auto 50px auto;">

[*] <ins data-revive-id="c492b52dcfffcf0d55997f26a6ede89c" data-revive-zoneid="19"> </ins><script src="//www.chg-web.biz/delivery/asyncjs.php" async=""></script>

[*]</div>

[/list]

Merci pour le coup de main!

[Lutins]

Bonsoir @sousou33,

Je pense que votre problème réside dans une mauvaise gestion du code au sein de votre forum...

Je vous invite à vous rendre dans le widget qui contient le code Javascript et le supprimer entièrement. Référez-vous ensuite aux étapes présentées ci-dessous :

1. Vérifiez que vous êtes dans le bon mode d'édition. Le bouton encadré en rouge sur la capture d'écran ci-dessus soit être sélectionné (en blanc) afin d'activer le mode "source" ;
   
2. Copiez et collez le code ci-dessous :
   

   Code:

   <script language="javascript">
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
 {
 i0 = new Image;
 i0.src = 'http://www1.zonewebmaster.eu/images/chg-web.png';
 SiClickGoTo[0] = "http://www.chg-web.com";
 imgPath[0] = i0.src;
 i1 = new Image;
 i1.src = 'http://www1.zonewebmaster.eu/images/css3.jpeg';
 SiClickGoTo[1] = "http://www.w3schools.com/css/";
 imgPath[1] = i1.src;
 i2 = new Image;
 i2.src = 'http://www1.zonewebmaster.eu/images/linux.jpg';
 SiClickGoTo[2] = "https://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CCIQFjAAahUKEwjk6dm0jJDHAhWIbRQKHR4PAhQ&url=https%3A%2F%2Fwww.debian.org%2Findex.fr.html&ei=uAnBVeStKojbUZ6eiKAB&usg=AFQjCNEsR5IHZwUZv8nJP7FH8SGASfibnw&sig2=8CkQLOM8B7yAW6ixagykrw&bvm=bv.99261572,d.d24";
 imgPath[2] = i2.src;
 }
a = 0;
function StartAnim()
 {
 if (version >= 3)
 {
 document.write('<a href="#" onclick="ImgDest();return(false)"><img src="http://www1.zonewebmaster.eu/images/chg-web.png" border="0" alt="Menu" name="defil" /></a>');
 defilimg()
 }
 else
 {
 document.write('<a href="http://www1.zonewebmaster.eu"><img src="http://www1.zonewebmaster.eu/images/chg-web.png" border="0" /></a>')
 }
 }
function ImgDest()
 {
 document.location.href = SiClickGoTo[a-1];
 }
function defilimg()
 {
 if (a == 3)
 {
 a = 0;
 }
 if (version >= 3)
 {
 document.defil.src = imgPath[a];
 tempo3 = setTimeout("defilimg()",5000);
 a++;
 }
 }
</script>
<div style="width: 200px; margin: 50px auto 50px auto;">
 <script language="javascript">
StartAnim();
</script>
</div>
<div style="width: 470px; margin: 50px auto 50px auto;">
 <ins data-revive-id="c492b52dcfffcf0d55997f26a6ede89c" data-revive-zoneid="19"> </ins><script src="//www.chg-web.biz/delivery/asyncjs.php" async=""></script>
</div>

   
   
3. Cliquez sur le bouton   afin de sauvegarder vos modifications.
   

[sousou33]

J'ai fait comme vous m'avez dit (c'est ce que je fais habituellement), rien à faire....
Merci pour l'aide!

@+

[Lutins]

Bonsoir,

Dans quel Widget est censé être ce code ? Où doit-il s'afficher sur votre forum ?

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[sousou33]

Bonjour,

Désolé, j'étais parti en vacances. J'ai pas eu le temps de m'en occuper. 
On va relancer le sujet 

@+

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.