Diaporama ajouter flèche gauche et droite

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Diaporama ajouter flèche gauche et droite

Message par Mat le Lun 1 Mai 2017 - 12:25

Bonjour ^^,
J'ai sur forum un diaporama sur la page d'accueil ^^
J'ai suivi pour cela, ce tuto :
http://forum.forumactif.com/t377148-
Mais je voudrais savoir s' il y aurait la possibilité d'ajouter des flèches pour passer d'une diapo à l'autre ou pour revenir à la diapo précédente, sans avoir à attendre le temps défini par le code ^^
Merci d'avance ^^


Dernière édition par FkS_DjMat le Dim 2 Juil 2017 - 18:21, édité 1 fois
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Mar 2 Mai 2017 - 14:47

Et un up
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Mer 3 Mai 2017 - 20:06

Et un up
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Sam 6 Mai 2017 - 12:36

Et un up
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Ven 12 Mai 2017 - 9:48

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Ven 12 Mai 2017 - 16:12

Et un up
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Jeu 18 Mai 2017 - 9:56

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Jeu 18 Mai 2017 - 16:10

Et un up
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Mer 24 Mai 2017 - 9:51

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Mer 24 Mai 2017 - 16:00

Et un up
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Mar 30 Mai 2017 - 9:49

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Mar 30 Mai 2017 - 16:27

Et un up Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Lun 5 Juin 2017 - 9:38

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Lun 5 Juin 2017 - 11:05

Et un up Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Walt le Lun 5 Juin 2017 - 15:48

Bonjour,

@Ange Tuteur, auteur du tutoriel original (et donc du script) pourra probablement vous aider s'il passe par ici. Wink

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3746
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Lun 5 Juin 2017 - 15:56

@Walt a écrit:Bonjour,

@"Ange Tuteur", auteur du tutoriel original (et donc du script) pourra probablement vous aider s'il passe par ici. Wink

Cordialement,
Walt
Un grand merci Wink (encore une fois Wink).
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Sam 10 Juin 2017 - 16:02

Et un up Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Ven 16 Juin 2017 - 10:03

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Ven 16 Juin 2017 - 13:34

Et un up Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Ange Tuteur le Ven 16 Juin 2017 - 18:29

Bonjour FkS_DjMat,

Utiliser le script suivant pour ajouter des flèches au diaporama.
PA > Modules > Gestion des codes JavaScript

Placement : sur toutes les pages
Code:
$(function () {
  var rotator = $('[id^="rotator"]'),
      i = 0,
      j = rotator.length;

  if (j) {
    // arrow styles
    $('head').append('<style type="text/css">.rotator-arrows{position:absolute}.rotator-arrows>span{color:#FFF;font-size:24px;font-weight:700;text-align:center;background:#000;width:25px;height:40px;line-height:40px;position:absolute;bottom:-85px;z-index:1000;cursor:pointer;opacity:.2}.rotator-arrows>span:hover{opacity:1}.rotator-arrow-left{left:10px}.rotator-arrow-right{left:125px}</style>');

    // change the focused slide
    window.moveRotator = function (caller, next) {
      var rotator = $(caller).parent().next()[0],
          actif = $('[id^="itemActif"]', rotator)[0],
          slide = rotator.getElementsByTagName('A'),
          focus = next ?
            actif.nextSibling ? actif.nextSibling : slide[0]
            :
            actif.previousSibling ? actif.previousSibling : slide[slide.length - 1];

      if (focus) {
        focus.id = actif.id;
        focus.style.opacity = 1;
        focus.style.zIndex = 999;

        actif.id = '';
        actif.style.opacity = 0;
        actif.style.zIndex = '';
      }
    };

    // add arrows before all rotators
    for (; i < j; i++) {
      rotator[i].insertAdjacentHTML('beforebegin',
        '<div class="rotator-arrows">'+
          '<span class="rotator-arrow-left" onclick="moveRotator(this, 0);">&lt;</span>'+
          '<span class="rotator-arrow-right" onclick="moveRotator(this, 1);" style="left:' + (rotator[i].firstChild.getBoundingClientRect().width - 35) + 'px;">&gt;</span>'+
        '</div>'
      );
    }

  }
});

Le résultat :


Bonne journée ::fleur::
avatar

Ange Tuteur
****

Masculin
Messages : 481
Inscrit(e) le : 16/11/2013

http://fmdesign.forumotion.com/
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Ven 16 Juin 2017 - 22:45

@Ange Tuteur a écrit:Bonjour FkS_DjMat,

Utiliser le script suivant pour ajouter des flèches au diaporama.
PA > Modules > Gestion des codes JavaScript

Placement : sur toutes les pages
Code:
$(function () {
  var rotator = $('[id^="rotator"]'),
      i = 0,
      j = rotator.length;

  if (j) {
    // arrow styles
    $('head').append('<style type="text/css">.rotator-arrows{position:absolute}.rotator-arrows>span{color:#FFF;font-size:24px;font-weight:700;text-align:center;background:#000;width:25px;height:40px;line-height:40px;position:absolute;bottom:-85px;z-index:1000;cursor:pointer;opacity:.2}.rotator-arrows>span:hover{opacity:1}.rotator-arrow-left{left:10px}.rotator-arrow-right{left:125px}</style>');

    // change the focused slide
    window.moveRotator = function (caller, next) {
      var rotator = $(caller).parent().next()[0],
          actif = $('[id^="itemActif"]', rotator)[0],
          slide = rotator.getElementsByTagName('A'),
          focus = next ?
            actif.nextSibling ? actif.nextSibling : slide[0]
            :
            actif.previousSibling ? actif.previousSibling : slide[slide.length - 1];

      if (focus) {
        focus.id = actif.id;
        focus.style.opacity = 1;
        focus.style.zIndex = 999;

        actif.id = '';
        actif.style.opacity = 0;
        actif.style.zIndex = '';
      }
    };

    // add arrows before all rotators
    for (; i < j; i++) {
      rotator[i].insertAdjacentHTML('beforebegin',
        '<div class="rotator-arrows">'+
          '<span class="rotator-arrow-left" onclick="moveRotator(this, 0);"><</span>'+
          '<span class="rotator-arrow-right" onclick="moveRotator(this, 1);" style="left:' + (rotator[i].firstChild.getBoundingClientRect().width - 35) + 'px;">></span>'+
        '</div>'
      );
    }

  }
});

Le résultat :


Bonne journée ::fleur::
Merci Wink
Mais, malheureusement, ça ne fonctionne pas
Je me souviens qu'un membre avait modifié le code de mon diaporama Wink
Je vous l'envoie par mp Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Jeu 22 Juin 2017 - 10:16

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Jeu 22 Juin 2017 - 11:17

Et un up Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Ange Tuteur le Dim 25 Juin 2017 - 19:37

Re,

Essayez le script suivant :
Code:
$(window).load(function () {
  var rotator = $('[id^="rotator"]'),
      i = 0,
      j = rotator.length;
 
  if (j) {
    // arrow styles
    $('head').append('<style type="text/css">.rotator-arrows{position:absolute}.rotator-arrows>span{color:#FFF;font-size:24px;font-weight:700;text-align:center;background:#000;width:25px;height:40px;line-height:40px;position:absolute;z-index:1000;cursor:pointer;opacity:.2}.rotator-arrows>span:hover{opacity:1}.rotator-arrow-left{left:65px}.rotator-arrow-right{left:125px}</style>');
 
    // change the focused slide
    window.moveRotator = function (caller, next) {
      var rotator = $(caller).parent().next()[0],
          actif = $('[id^="itemActif"]', rotator)[0],
          slide = rotator.getElementsByTagName('A'),
          focus = next ?
            (actif.nextSibling && actif.nextSibling.tagName) ? actif.nextSibling : slide[0]
            :
            (actif.previousSibling && actif.previousSibling.tagName) ? actif.previousSibling : slide[slide.length - 1];
 
      if (focus) {
        focus.id = actif.id;
        focus.style.opacity = 1;
        focus.style.zIndex = 999;
 
        actif.id = '';
        actif.style.opacity = 0;
        actif.style.zIndex = '';
      }
    };
 
    // add arrows before all rotators
    for (; i < j; i++) {
      var image = rotator[i].getElementsByTagName('IMG')[0];
     
      rotator[i].insertAdjacentHTML('beforebegin',
        '<div class="rotator-arrows">'+
          '<span class="rotator-arrow-left" onclick="moveRotator(this, 0);" style="bottom:-' + ((+image.height / 2) + 20) + 'px;">&lt;</span>'+
          '<span class="rotator-arrow-right" onclick="moveRotator(this, 1);" style="left:' + (+image.width - 35) + 'px;bottom:-' + ((+image.height / 2) + 20) + 'px;">&gt;</span>'+
        '</div>'
      );
    }
 
  }
});
avatar

Ange Tuteur
****

Masculin
Messages : 481
Inscrit(e) le : 16/11/2013

http://fmdesign.forumotion.com/
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Dim 25 Juin 2017 - 21:20

@Ange Tuteur a écrit:Re,

Essayez le script suivant :
Code:
$(window).load(function () {
  var rotator = $('[id^="rotator"]'),
      i = 0,
      j = rotator.length;
 
  if (j) {
    // arrow styles
    $('head').append('<style type="text/css">.rotator-arrows{position:absolute}.rotator-arrows>span{color:#FFF;font-size:24px;font-weight:700;text-align:center;background:#000;width:25px;height:40px;line-height:40px;position:absolute;z-index:1000;cursor:pointer;opacity:.2}.rotator-arrows>span:hover{opacity:1}.rotator-arrow-left{left:65px}.rotator-arrow-right{left:125px}</style>');
 
    // change the focused slide
    window.moveRotator = function (caller, next) {
      var rotator = $(caller).parent().next()[0],
          actif = $('[id^="itemActif"]', rotator)[0],
          slide = rotator.getElementsByTagName('A'),
          focus = next ?
            (actif.nextSibling && actif.nextSibling.tagName) ? actif.nextSibling : slide[0]
            :
            (actif.previousSibling && actif.previousSibling.tagName) ? actif.previousSibling : slide[slide.length - 1];
 
      if (focus) {
        focus.id = actif.id;
        focus.style.opacity = 1;
        focus.style.zIndex = 999;
 
        actif.id = '';
        actif.style.opacity = 0;
        actif.style.zIndex = '';
      }
    };
 
    // add arrows before all rotators
    for (; i < j; i++) {
      var image = rotator[i].getElementsByTagName('IMG')[0];
      
      rotator[i].insertAdjacentHTML('beforebegin',
        '<div class="rotator-arrows">'+
          '<span class="rotator-arrow-left" onclick="moveRotator(this, 0);" style="bottom:-' + ((+image.height / 2) + 20) + 'px;"><</span>'+
          '<span class="rotator-arrow-right" onclick="moveRotator(this, 1);" style="left:' + (+image.width - 35) + 'px;bottom:-' + ((+image.height / 2) + 20) + 'px;">></span>'+
        '</div>'
      );
    }
 
  }
});
Encore un grand merci, ça fonctionne un peu mieux Wink
On vois les flèches mais elle bug :
Voici une vidéo de ce que ça donne Wink :

Au début de la vidéo je laisse aller le diaporama, après je recharge la page et j'essaye d'utiliser les flèches Wink

Je vous remercie déja pour les 2 premiers essaies Wink

Et si je peux vous demander autre chose, c'est de coller les flèches à droite et à gauche de l'image, j'ai encore de une marge de chaque coté de toutes manières Wink

PS : je vous laisse aussi le lien de mon forum Wink :
http://bit.ly/2rRipBO
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Dim 2 Juil 2017 - 10:12

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 déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Chacha le Dim 2 Juil 2017 - 11:10

..Bonjour,

Le topic est replacé à la demande de l'auteur du sujet.

A bientôt sur ForumActif Smile
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55351
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Ange Tuteur le Dim 2 Juil 2017 - 17:15

Re,

Voici le script mis à jour :
Code:
$(window).load(function () {
  var rotator = $('[id^="rotator"]'),
      i = 0,
      j = rotator.length;
 
  if (j) {
    // arrow styles
    $('head').append('<style type="text/css">.rotator-arrows{position:absolute}.rotator-arrows>span{color:#FFF;font-size:24px;font-weight:700;text-align:center;background:#000;width:25px;height:40px;line-height:40px;position:absolute;z-index:1000;cursor:pointer;opacity:.2}.rotator-arrows>span:hover{opacity:1}.rotator-arrow-left{left:5px}.rotator-arrow-right{left:125px}</style>');
 
    // change the focused slide
    window.moveRotator = function (caller, next) {
      var rotator = $(caller).parent().next()[0],
          actif = $('[id^="itemActif"]', rotator)[0],
          slide = rotator.getElementsByTagName('A'),
          i = 0,
          j = slide.length,
          focus;

      // find the active index
      for (; i < j; i++) {
        if (slide[i] == actif) {
          focus = next ?
                    slide[i + 1] ? slide[i + 1] : slide[0]
                    :
                    slide[i - 1] ? slide[i - 1] : slide[slide.length - 1];
          break;
        }
      }
 
      // change the active slide
      if (focus) {
        focus.id = actif.id;
        focus.style.opacity = 1;
        focus.style.zIndex = 999;
 
        actif.id = '';
        actif.style.opacity = 0;
        actif.style.zIndex = '';
      }
    };
 
    // add arrows before all rotators
    for (; i < j; i++) {
      var image = rotator[i].getElementsByTagName('IMG')[0],
          height = ((+image.height / 2) + 20);
   
      rotator[i].insertAdjacentHTML('beforebegin',
        '<div class="rotator-arrows">'+
          '<span class="rotator-arrow-left" onclick="moveRotator(this, 0);" style="bottom:-' + height + 'px;">&lt;</span>'+
          '<span class="rotator-arrow-right" onclick="moveRotator(this, 1);" style="left:' + (+image.width + 35) + 'px;bottom:-' + height + 'px;">&gt;</span>'+
        '</div>'
      );
    }
 
  }
});

Bon dimanche Hi
avatar

Ange Tuteur
****

Masculin
Messages : 481
Inscrit(e) le : 16/11/2013

http://fmdesign.forumotion.com/
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama ajouter flèche gauche et droite

Message par Mat le Dim 2 Juil 2017 - 18:19

@Ange Tuteur a écrit:Re,

Voici le script mis à jour :
Code:
$(window).load(function () {
  var rotator = $('[id^="rotator"]'),
      i = 0,
      j = rotator.length;
 
  if (j) {
    // arrow styles
    $('head').append('<style type="text/css">.rotator-arrows{position:absolute}.rotator-arrows>span{color:#FFF;font-size:24px;font-weight:700;text-align:center;background:#000;width:25px;height:40px;line-height:40px;position:absolute;z-index:1000;cursor:pointer;opacity:.2}.rotator-arrows>span:hover{opacity:1}.rotator-arrow-left{left:5px}.rotator-arrow-right{left:125px}</style>');
 
    // change the focused slide
    window.moveRotator = function (caller, next) {
      var rotator = $(caller).parent().next()[0],
          actif = $('[id^="itemActif"]', rotator)[0],
          slide = rotator.getElementsByTagName('A'),
          i = 0,
          j = slide.length,
          focus;

      // find the active index
      for (; i < j; i++) {
        if (slide[i] == actif) {
          focus = next ?
                    slide[i + 1] ? slide[i + 1] : slide[0]
                    :
                    slide[i - 1] ? slide[i - 1] : slide[slide.length - 1];
          break;
        }
      }
 
      // change the active slide
      if (focus) {
        focus.id = actif.id;
        focus.style.opacity = 1;
        focus.style.zIndex = 999;
 
        actif.id = '';
        actif.style.opacity = 0;
        actif.style.zIndex = '';
      }
    };
 
    // add arrows before all rotators
    for (; i < j; i++) {
      var image = rotator[i].getElementsByTagName('IMG')[0],
          height = ((+image.height / 2) + 20);
    
      rotator[i].insertAdjacentHTML('beforebegin',
        '<div class="rotator-arrows">'+
          '<span class="rotator-arrow-left" onclick="moveRotator(this, 0);" style="bottom:-' + height + 'px;"><</span>'+
          '<span class="rotator-arrow-right" onclick="moveRotator(this, 1);" style="left:' + (+image.width + 35) + 'px;bottom:-' + height + 'px;">></span>'+
        '</div>'
      );
    }
 
  }
});

Bon dimanche Hi
Géniallllllll Very Happy , ça marche  Cool
Un très très très grand merci Ange Tuteur  Wink
Et merci d'avoir passer plusieurs heures sur mon code Wink
avatar

Mat
*****

Messages : 819
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum