Question

我希望能够＆＃34;链接＆＃34;到divi滑块中的特定幻灯片，基本上是控制器方块在底部中间的方式...但是从页面上的不同点开始。我想知道是否有可能基本上＆＃34;海盗＆＃34;单击这些控制器时使用的函数，但将其应用于我自己的元素。然而，这略高于我的等级atm。

我想我已经在这里找到了原始的Divi代码：

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

然后编辑/应用相同的功能？我不太清楚如何处理数据幻灯片。我唯一能找到的参考是：

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

我没有看到数据=＆＃34;某些东西＆＃34;在真实滑块中使用的任何元素，但我可以手动添加到我的？有没有人曾经尝试过这个？仅仅编辑这些函数会更复杂吗？

欢迎任何想法或建议。

Answer 1

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

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

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

Wordpress Divi Slider自定义javascript控件

1 个答案: