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

我沒有看到任何在現實中使用的元素的數據=「東西」滑塊，但我可以手動添加這些到我的？有沒有人曾經嘗試過嗎？僅編輯這些功能是否更復雜？

任何意見或建議將是最受歡迎的。

來源

2017-08-28 Gulli

我有同樣的問題，但我是一個總的javascript noob。

發現此文章https://divi-magazine.com/interactive-slider-with-divi-builder/ 他只是將控制點移動到頂部，將它們放在他的自定義控制元素（圖像，按鈕等）上，並使它們的大小適合它們。

不像代碼解決方案那麼優雅，但我會嘗試這種方式。

來源

2017-12-18 13:56:58 Alex

Wordpress Divi Slider自定義javascript控件

回答

相關問題