Setting jQuery UI Tab Duration/Time on a Per Tab Basis

215 Views Asked by At

How would I set the 'impression' or time the slide/tab is display on a per tab basis?

I have all the content pulling from a database and am setting the 'itemid' on each to the database value time to display. I'm using the jquery-ui-tabs-rotate.js and utilizing the .tabs('rotate') function.

Main script initializing the content rotation:

    $("#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);

Attempt to set duration per slide here:

    /* 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)
});
0

There are 0 best solutions below