API Plugin Slider Revolution - Ancrer id à une slide

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
a44icus
Messages : 3
Enregistré le : 05 déc. 2020, 22:57

API Plugin Slider Revolution - Ancrer id à une slide

Message par a44icus » 05 déc. 2020, 23:03

Bonsoir,

Je monte un site sous wordpress et j'utilise le plugin slider revolution.

Avec ce plugin il y a normalement possibilité d'aller directement sur une slide lorsque l'on clique sur un lien externe au plugin (dans mon cas les liens sont dans un menu).

J'ai testé ce bout de code sans succès :

Code : Tout sélectionner

jQuery(document).ready(function($) {
  $("a.mega-custom-icon").click(function() {
    var slidelink = $(this).attr('title');
    console.log(slidelink);
    revapi1.revcallslidewithid(slidelink);
  });
});
J'ai bien pris soin d'attribuer l'id de la slide et le titre du lien <a> avec le même nom, mais rien y fait si c'est une chaine de caractères. Si je passe par contre le title avec un chiffre ca fonctionne mais ca point sur la data-origindex de la slide, ce qui ne m'intéresse pas...

Si vous avez des solutions je vous en remercie beaucoup d'avance.

Bonne soirée !

Avatar du membre
webmaster
Administrateur du site
Messages : 396
Enregistré le : 28 févr. 2017, 15:19

Re: API Plugin Slider Revolution - Ancrer id à une slide

Message par webmaster » 07 déc. 2020, 10:42

Bonjour,

Je ne connais pas ce plugin, mais cela m'étonnerait que l'indicateur pour changer de slide soit l'attribut title.

C'est plutot l'attribut id ou un data-xxx.
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

a44icus
Messages : 3
Enregistré le : 05 déc. 2020, 22:57

Re: API Plugin Slider Revolution - Ancrer id à une slide

Message par a44icus » 07 déc. 2020, 19:48

Bonsoir,

Merci beaucoup pour ta réponse.

D'origine les slides sont appelées par leur data-origindex mais le plugin permet d'ajouter un id aux slides.
Puis avec la fonction intégrée " revapi1.revcallslidewithid(idlelaslide) " d'appeler la slide en question.

Donc je me suis dit que si je donne un title à ma balise <a> et un id identique à ma slide, ça fonctionnerait.. Mais apparemment non.

J'ai l'impression que le plugin ne prend pas en compte l'id indiqué à la slide, pourtant j'ai vérifié elle est bien affichée dans le code source.

Ou alors ce que je suis en train de faire n'est pas logique ?

a44icus
Messages : 3
Enregistré le : 05 déc. 2020, 22:57

Re: API Plugin Slider Revolution - Ancrer id à une slide

Message par a44icus » 08 déc. 2020, 20:51

Bonsoir,

J'ai trouvé un solution qui contourne le problème, même si la méthode ne me plait pas, le résultat est là.

J'utilise l'option deeplink du plugin.

Voici le html d'une slide avec data-deeplink="caissonl" :

Code : Tout sélectionner

<rs-slide data-key="rs-10" data-title="Enseigne drapeau" data-thumb="//monsite.ovh/site2/wp-content/uploads/2020/10/enseigne-drapeau-50x100.jpg" data-anim="ei:d;eo:d;s:d;r:default;t:slotzoom-mixed;sl:d;" data-deeplink="caissonl" data-originalindex="5" data-origindex="4" data-description="" data-sba="" data-scroll-based="false" style="overflow: hidden; height: 100%; width: 100%; z-index: 20; opacity: 1; visibility: inherit;" data-owidth="891" data-oheight="385" data-rspausetimeronce="0" data-ntrid="0" data-isactiveslide="true">

Le bouton du menu associé :

Code : Tout sélectionner

<a class="mega-menu-link" href="#caissonl">Caisson lumineux</a>

Le code jQuery (certainement à améliorer) :

Code : Tout sélectionner

jQuery(document).ready(function($) {	
	$(document).on('click', 'a.mega-menu-link', function () {
      history.replaceState({}, document.title, window.location.href.split('#')[0]);
      var data = $(this).attr('href');
      window.location.href += data;
      location.reload();
      return false;
    });
});
Il y a juste un truc que je ne comprends pas, si je dépasse 8 caractères dans le hash, ca ne fonctionne plus...

Répondre