Wordpress Divi Slider自定义javascript控件

问题描述：

我希望能够“链接”到divi滑块中的特定幻灯片，基本上控制器在底部中间正方形的方式......但是从页面上的不同位置开始。我想知道是否有可能基本上“盗用”这些控制器被点击时使用的功能，但将其应用于我自己的元素。然而，这是在我的水平atm稍高。Wordpress Divi Slider自定义javascript控件

我想我已经在这里找到了原来的航空维修代码：

$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; 
});

我能以某种方式创建自己的元素

$my_slider_controllers = $('.my_slider_controllers');

，然后编辑/应用相同的功能，那些？我不太清楚如何工作的数据幻灯片ID在我能找到的唯一的参考是这样的：

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>'; 
       }

我没有看到任何在现实中使用的元素的数据=“东西”滑块，但我可以手动添加这些到我的？有没有人曾经尝试过吗？仅编辑这些功能是否更复杂？

任何意见或建议将是最受欢迎的。

答

我有同样的问题，但我是一个总的javascript noob。

发现此文章https://divi-magazine.com/interactive-slider-with-divi-builder/ 他只是将控制点移动到顶部，将它们放在他的自定义控制元素（图像，按钮等）上，并使它们的大小适合它们。

不像代码解决方案那么优雅，但我会尝试这种方式。

Wordpress Divi Slider自定义javascript控件

相关推荐