jquery jcarousel como adicionar botões de controle
Atualmente estou trabalhando em um site, que usa Sorgilla jquery jcarousel, existem dois sliders trabalhando juntos.
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;
}
});
});
Isso funciona como deveria, mas eu estou querendo saber é possível adicionar controles externos com a configuração que estou usando. Infelizmente eu sou muito novo para jquery ainda aprendendo.
O que eu estou procurando fazer é adicionar botões debaixo do carrossel que se comportam como paginação, aqui está um exemplo ...http://truelogic.org/multicarousel.php ouhttp://www.skyports.com
aqui é o site im trabalhandohttp://hartyinternational.hailstormcommerce.com/
Idealmente, se eu conseguisse fazer com que os botões de paginação funcionassem da mesma forma acima, seria ótimo.
Eu tenho este css criado debaixo do carrossel.
.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;
}
Aqui está alguma documentação ...http://sorgalla.com/projects/jcarousel/
Eu estava pensando em adicionar este código para a função dentroinitCallback:
mas não sabe como fazê-lo funcionar ou como saber qual botão representa o slide ...
jQuery('.jcarousel-pagination a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
Qualquer ajuda seria ótima, eu sei que é uma questão geral, mas não tenho certeza por onde começar. Obrigado.