/ / Foundation 4 - Orbit anpassen - zurb-foundation

Foundation 4 - Orbit anpassen - zurb-foundation

Ich habe ein Problem mit der Anpassung von Orbit von der neuesten Foundation. Von die Dokumente:

Orbit-Optionen können zu diesem Zeitpunkt nur während der Initialisierung übergeben werden.

{
timer_speed: 10000,
animation_speed: 500,
bullets: true,
stack_on_small: true,
container_class: "orbit-container",
stack_on_small_class: "orbit-stack-on-small",
next_class: "orbit-next",
prev_class: "orbit-prev",
timer_container_class: "orbit-timer",
timer_paused_class: "paused",
timer_progress_class: "orbit-progress",
slides_container_class: "orbit-slides-container",
bullets_container_class: "orbit-bullets",
bullets_active_class: "active",
slide_number_class: "orbit-slide-number",
caption_class: "orbit-caption",
active_slide_class: "active",
orbit_transition_class: "orbit-transitioning"
}

Mhm, großartig. Aber wie man es anwendet? Ich habe es versucht

$("#slider").orbit({...});
---

$(document).foundation().orbit({...});

Aber nichts funktioniert. Ich weiß, dass es albern ist, aber wie geht das?

Antworten:

2 für die Antwort № 1

"Ab Version 4.0.7 können Sie auch das Attribut" Datenoptionen "verwenden, um Konfigurationseinstellungen an Orbit zu übergeben." Quelle: foundation.zurb.com/docs/components/orbit.html

Behandle es wie eine Stileigenschaft:

<ul data-orbit data-options="timer_speed:2500; bullets:false;">
...
</ul>

1 für die Antwort № 2
$(document).foundation("orbit", {bullets:false});