2017-08-28 3 views
0

Ich möchte in der Lage sein, zu einer bestimmten Folie in der Divi Slider "Link", im Grunde die Art und Weise der Controller Quadrate tun in der unteren Mitte ... aber von einem anderen Punkt auf der Seite. Ich habe mich gefragt, ob es möglich ist, die Funktion, die beim Anklicken dieser Controller verwendet wird, im Wesentlichen zu "piraten", sondern sie auf meine eigenen Elemente anzuwenden. Dies ist jedoch ein wenig über meinem Niveau atm.Wordpress Divi Slider benutzerdefinierte JavaScript-Steuerelement

Ich glaube, ich habe hier den Original-Divi-Code aufgespürt:

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

Kann ich irgendwie meine eigenen Elemente erstellen

$my_slider_controllers = $('.my_slider_controllers'); 

und dann bearbeiten/gilt die gleiche Funktion zu denen? Ich bin mir nicht ganz sicher, wie in dem Datenschieber-ID arbeitet Der einzige Hinweis, den ich finden konnte, ist dies:.

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

Ich sehe nicht, data = „etwas“ in eines der Elemente in den realen verwendet Slider, aber kann ich diese manuell hinzufügen? Hat das schon einmal jemand probiert? Ist es komplizierter, nur diese Funktionen zu bearbeiten?

Alle Ideen oder Vorschläge wären sehr willkommen.

Antwort

0

Ich habe das gleiche Problem, aber ich bin insgesamt Javascript noob.

Diesen Artikel gefunden https://divi-magazine.com/interactive-slider-with-divi-builder/ Er bewegt einfach die Kontrollpunkte nach oben, positioniert sie über seine benutzerdefinierten Steuerelemente (Bild, Schaltfläche usw.) und passt ihre Größe an sie an.

Nicht so elegant wie eine Code-Lösung, aber ich werde es versuchen.

Verwandte Themen