Je veux être en mesure de "lier" à une diapositive spécifique dans le curseur divi, essentiellement la façon dont les carrés du contrôleur font dans le milieu en bas ... mais à partir d'un point différent sur la page. Je me demandais s'il était possible de "pirater" la fonction utilisée lorsque l'on clique sur ces contrôleurs, mais de l'appliquer à mes propres éléments. Cependant c'est un peu au dessus de mon niveau atm.Wordpress Divi Slider contrôle javascript personnalisé
Je pense avoir traqué le code Divi original ici:
$et_slider_carousel_controls = $et_slider.siblings('.et_pb_carousel').find(
settings.carousel_controls);
$et_slider_carousel_controls.click(function(){
if ($et_slider.et_animation_running) return false;
var $this = $(this);
$et_slider.et_slider_move_to($this.data('slide-id'));
return false;
});
ce que je pourrais créer en quelque sorte mes propres éléments
$my_slider_controllers = $('.my_slider_controllers');
puis modifier/appliquer la même fonction à ceux? Je ne suis pas tout à fait sûr comment travailler la diapositive ID de données dans la seule référence que je pouvais trouver est la suivante:.
if (settings.use_carousel && et_slides_number > 1) {
for (var i = 1; i <= et_slides_number; i++) {
slide_id = i - 1;
image_src = ($et_slide.eq(slide_id).data('image') !== undefined) ? 'url('+ $et_slide.eq(slide_id).data('image') + ')' : 'none';
carousel_html += '<div class="et_pb_carousel_item ' + (i == 1 ? settings.control_active_class : '') + '" data-slide-id="'+ slide_id +'">' + '<div class="et_pb_video_overlay" href="#" style="background-image: ' +image_src + ';">' +'<div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div>' +
'</div>' +
'</div>';
}
Je ne vois pas de données = « quelque chose » dans l'un des éléments utilisés dans le réel curseur, mais puis-je les ajouter manuellement au mien? Quelqu'un at-il déjà essayé cela auparavant? Est-ce plus compliqué que d'éditer ces fonctions?
Toutes les idées ou suggestions seraient les bienvenues.