orbit slider de foundation zurb

Dans le fichier javascript « fondation.orbit.js » on trouve les arguments suivant :

settings: {
animation: ‘slide’,
timer_speed: 10000,
pause_on_hover: true,
resume_on_mouseout: false,
next_on_click: true,
animation_speed: 500,
stack_on_small: false,
navigation_arrows: true,
slide_number: true,
slide_number_text: ‘of’,
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’,
timer_show_progress_bar: true,
slides_container_class: ‘orbit-slides-container’,
preloader_class: ‘preloader’,
slide_selector: ‘*’,
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’,
bullets: true,
circular: true,
timer: true,
variable_height: false,
swipe: true,
before_slide_change: noop,
after_slide_change: noop
},

pour modifier ces fonctions il faut agir directement sur la page html ou se trouve le slider.
Dans le premier <ul> au debut du slider on ajoute  data-options= ».. » puis on modifie les arguments que l’on souhaite.

exemple : <ul class= »example-orbit » data-orbit data-options= »animation:fade; timer_speed: 5000; navigation_arrows:false; bullets:false; slide_number: false; »>

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>