Я внедрил вкладки SerialScroll, похожие на прокручиваемые вкладки:
http://jsfiddle.net/NinjaSk8ter/WvpcR/
Я хотел бы изменить это, чтобы всегда выбирать 1-ю вкладку, а затем поворачивать или разбивать страницы на другие вкладки.
Вот пример:
http://www.stceciliaschool.org/
Я знаю, что вкладки jQuery существуют с Rotator, но я не смог найти код или загрузить эту функциональность.
http://www.raymondselda.com/demo/tabbed-rotator/
Кто-нибудь имеет представление о том, как я могу реализовать этот существующий SerialScroll с Rotator?
$(function() {
$('.navigations a').click(function() {
$('.navigations a.white').removeClass('white').addClass('blue');
$(this).addClass('white').removeClass('blue');
return false;
});
});
jQuery.easing.easeOutQuart = function(x, t, b, c, d) {
return -c * ((t = t / d - 1) * t * t * t - 1) + b;
};
jQuery(function($) {
$('#mid-featureleft-client').serialScroll({
target: '.sectionss',
items: 'li',
prev: 'img.prev',
next: 'img.next',
axis: 'xy',
// The default is 'y' scroll on both ways
navigation: '.navigations li a',
duration: 275,
force: true,
onBefore: function(e, elem, $pane, $items, pos) {
e.preventDefault();
if (this.blur) this.blur();
},
onAfter: function(elem) {
}
});
});
Это реализация, которая использует ContentSlider не так же, как SerialScroll:
http://jsfiddle.net/NinjaSk8ter/rQnQ3/
featuredcontentslider.init({
id: "slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.1], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})