如何根据每个标签设置幻灯片/标签的“展示次数”或时间?
我从数据库中提取了所有内容,并将每个内容的'itemid'设置为要显示的数据库值时间。我正在使用jquery-ui-tabs-rotate.js并使用.tabs('rotate')函数。
初始化内容轮换的主脚本:
$("#featured").tabs({
fx: [{ height: 'toggle', opacity: 'toggle', duration: 'slow' },
{ opacity: 'toggle', duration: 'fast' }],
select: function (event, ui) {
var $panel = $(ui.panel);
if ($panel.is(":empty")) {
var tabID = "#ui-tabs-" + (ui.index + 1);
$(tabID).html("<b>Fetching Data.... Please wait....</b>");
}
}
}).tabs('rotate', 2000, true);
尝试在此设置每张幻灯片的持续时间:
/* logic here to determine duration of tab */
$("#featured").bind("tabsselected", function (event, ui) {
$(this).tabs({
fx: [{ height: 'toggle', opacity: 'toggle', duration: 'slow' },
{ opacity: 'toggle', duration: 'fast' }],
}).tabs('rotate', $('#nav-fragment-' + (ui.index + 1)).attr('itemid'), true)
});