gpt4 book ai didi

jquery - 如何初始化 Foundation 3 以使用 Orbit?

转载 作者:行者123 更新时间:2023-12-01 01:01:49 24 4
gpt4 key购买 nike

我正在尝试使用在 this question 中找到的脚本在 Foundation 3 中运行 Orbit,但我无法让它正确初始化。我在页脚中添加了这个脚本,在页眉中添加了 Foundation.min.js。我在控制台的第 3 行收到 no method 'foundation' 错误,它不起作用。

最佳答案

您链接到的 SO 线程中的脚本将不适用于您,因为它使用 Foundation 4。Orbit 在 Foundation 3 (F3) 中的初始化方式不同。假设您有一个 id 为 orbitX 的元素。您可以像这样初始化它:

$("#orbitX").orbit();

在您提出的另一个问题中

where would you add additional settings?

当你初始化轨道元素时,你可以这样做:

$("#orbitX").orbit({
bullets: false; // to hide the bullets
});

这是完整的选项集

$('#orbitX').orbit({
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
animationSpeed: 800, // how fast animtions are
timer: true, // true or false to have the timer
resetTimerOnClick: false, // true resets the timer instead of pausing slideshow progress
advanceSpeed: 4000, // if timer is enabled, time between transitions
pauseOnHover: false, // if you hover pauses the slider
startClockOnMouseOut: false, // if clock should start on MouseOut
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
directionalNav: true, // manual advancing directional navs
captions: true, // do you want captions?
captionAnimation: 'fade', // fade, slideOpen, none
captionAnimationSpeed: 800, // if so how quickly should they animate in
bullets: false, // true or false to activate the bullet navigation
bulletThumbs: false, // thumbnails for the bullets
bulletThumbLocation: '', // location from this file where thumbs will be
afterSlideChange: function(){}, // empty function
fluid: true // or set a aspect ratio for content slides (ex: '4x3')
});

关于jquery - 如何初始化 Foundation 3 以使用 Orbit?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15980783/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com