1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
|
// Carousel diapo
function mycarousel_initCallback(carousel) {
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
$('.mycarousel-next').bind('click', function(e) {
e.preventDefault();
carousel.next();
return false;
});
$('.mycarousel-prev').bind('click', function(e) {
e.preventDefault();
carousel.prev();
return false;
});
};
$(document).ready(function () {
$(".mycarousel").jcarousel({
start:1,
offset:1,
auto: 10,
wrap: 'circular',
itemFallbackDimension : 100,
scroll: 3,
easing: 'easeInSine',
animation: 500,
initCallback: mycarousel_initCallback,
buttonNextHTML: null,
buttonPrevHTML: null,
itemFirstInCallback: {
onAfterAnimation: mycarousel_itemFirstInCallback
}
});
/*****************************
* affichage des onglets et contenus
*****************************/
$("a.link_rub").live('click',function(e){ // ajout de l'evenement.
e.preventDefault();
var id_link = $(this).attr('id');
$("a.link_rub").removeClass('on');
$('#'+id_link).addClass('on');
$('.content_prod_nati').css('display','none');
$('#content_'+id_link).css('display','block');
});
});
// Affichage des boutons prev/next
function mycarousel_itemFirstInCallback() {
$('.mycarousel-prev').text('< PRECEDENT');
$('.mycarousel-next').text('SUIVANT >');
}; |
Partager