JQuery JCarousel, как добавить кнопки управления
В настоящее время я работаю над сайтом, который использует Sorgilla jquery jcarousel, вместе работают два ползунка.
var carousel_2;
jQuery(document).ready(function() {
jQuery('#right-carousel').jcarousel({
start: 1, // Configuration goes here
wrap: "circular",
scroll: 1,
auto:3,
vertical:true,
itemFirstInCallback: {
onBeforeAnimation: function(carousel, item, index, action) {
if (carousel_2) {
carousel_2[action]();
}
}
}
});
});
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
start: 3, // Configuration goes here
wrap: "circular",
scroll: 1,
auto:3,
vertical:false,
buttonNextHTML: null,
buttonPrevHTML: null,
initCallback: function(c) {
carousel_2 = c;
}
});
});
Это работает как следует, но мне интересно, возможно ли добавить внешние элементы управления с настройкой, которую я использую. К сожалению, я совсем новичок в jquery, поэтому все еще учусь.
То, что я хочу сделать, это добавить кнопки под каруселью, которые ведут себя как нумерация страниц, вот пример ...http://truelogic.org/multicarousel.php или жеhttp://www.skyports.com
вот сайт, над которым я работаюhttp://hartyinternational.hailstormcommerce.com/
В идеале, если бы я мог заставить эти кнопки нумерации страниц работать, как описано выше, было бы здорово.
У меня есть этот CSS под каруселью.
.jcarousel-pagination {
width:100px;
height:40px;
position:absolute;
right:100px;
bottom:0px;
background:#000;
}
.jcarousel-pagination a {
font-size: 75%;
text-decoration: none;
padding: 0 5px;
margin: 0 0 5px 0;
border: 1px solid #fff;
color: #eee;
background-color: #4088b8;
font-weight: bold;
}
Вот немного документации ...http://sorgalla.com/projects/jcarousel/
Я подумывал добавить этот код в функцию внутриinitCallback:
но не знаете, как заставить это работать или как сказать, какая кнопка представляет какой слайд ...
jQuery('.jcarousel-pagination a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
Любая помощь была бы отличной, я знаю, что это немного общий вопрос, но я не уверен, с чего начать. Спасибо.