Wordpress Divi Slider自定义javascript控件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Wordpress Divi Slider自定义javascript控件相关的知识,希望对你有一定的参考价值。
我希望能够“链接”到divi滑块中的特定幻灯片,基本上是控制器方块在底部中间的方式...但是从页面上的不同点开始。我想知道是否有可能基本上“盗用”单击这些控制器时使用的功能,但将其应用于我自己的元素。然而,这略高于我的等级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>';
}
我没有在真实滑块中使用的任何元素中看到data =“something”,但是我可以手动将它们添加到我的吗?有没有人曾经尝试过这个?仅编辑这些功能是否更复杂?
任何想法或建议都会受到欢迎。
答案
我有同样的问题,但我是一个完整的javascript noob。
找到这篇文章https://divi-magazine.com/interactive-slider-with-divi-builder/他只是将控制点移动到顶部,将它们放在他的自定义控制元素(图像,按钮等)上,并使它们的大小适合它们。
不像代码解决方案那么优雅,但我会尝试这种方式。
以上是关于Wordpress Divi Slider自定义javascript控件的主要内容,如果未能解决你的问题,请参考以下文章
在 WordPress 中使用 Divi 主题的响应式侧边栏