Header slideshow

[rkabarBlocked]

Hello,

I’m building something like a slideshow header in my blog. I want to have tabs without any text in it’s title – more like a little buttons. I also want to have a time out on which different pictures with some text to be changed. I think that your tab widget could be useful for this goal. How can I do this?

[Peter StoevKeymaster]

Hi rkabar,

I’ve prepared a small demo which shows how this can be achieved.

In general, you need to switch between tabs after some time interval.

     (function slideShow() {
                setTimeout(function () {
                    if ($('#jqxTabs').jqxTabs('selectedItem') < 5) {
                        $('#jqxTabs').jqxTabs('next');
                    } else {
                        $('#jqxTabs').jqxTabs('first');
                    }
                    slideShow();
                }, 3000)
            }());

Demo: jQuery Tabs Slideshow

Download link: slideshow.zip

[Author]

Posts