2017-08-28 19 views
0

diviスライダの特定のスライドに、基本的にはコントローラーの四角が下の中央にあるように "リンク"できますが、ページ上の別のポイントからリンクできます。私は、それらのコントローラをクリックしたときに使用された関数を本質的に「海賊行為」することは可能かどうか疑問に思っていましたが、それを自分の要素に適用しました。しかし、これは私のレベルの気味の少し上です。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>'; 
       } 

私は本当で使用される要素のいずれかにデータ=「何か」を表示されませんスライダは、手動で追加することはできますか?誰もこれまでにこれを試したことがありますか?これらの機能を編集するだけではもっと複雑なのですか?

ご意見やご提案は大歓迎です。

答えて

0

私は同じ問題がありますが、私は合計javascript noobです。

この記事が見つかりましたhttps://divi-magazine.com/interactive-slider-with-divi-builder/ コントロールの点を上に移動し、カスタムコントロール要素(画像、ボタンなど)の上に配置し、サイズを合わせます。

コードソリューションほどエレガントではありませんが、私はこのようにしようとしています。

関連する問題