jquery jcarousel jak dodać przyciski sterujące
Obecnie pracuję nad witryną, która używa jcarousel Sorgilla jquery, istnieją dwa suwaki współpracujące ze sobą.
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;
}
});
});
Działa to tak, jak powinno, ale zastanawiam się, czy możliwe jest dodanie zewnętrznych kontrolek z ustawieniami, których używam. Niestety jestem całkiem nowy w jquery, więc wciąż się uczę.
Co chcę zrobić, to dodać przyciski pod karuzelą, które zachowują się jak paginacja, oto przykład ...http://truelogic.org/multicarousel.php lubhttp://www.skyports.com
tutaj jest strona, nad którą pracujęhttp://hartyinternational.hailstormcommerce.com/
Idealnie, gdybym mógł uzyskać te przyciski paginacji działające podobnie do powyższego, itd. Byłoby świetne.
Mam to css ustawione pod karuzelą.
.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;
}
Oto dokumentacja ...http://sorgalla.com/projects/jcarousel/
Rozważałem dodanie tego kodu do funkcji wewnątrzinitCallback:
ale nie wiem, jak to działa lub jak powiedzieć, jaki przycisk reprezentuje slajd ...
jQuery('.jcarousel-pagination a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
Każda pomoc byłaby świetna, wiem, że to trochę ogólne pytanie, ale nie wiem, od czego zacząć Dziękuję.