var mycarousel_itemList = [ {url: '../photos/vignettes/pharmacie/pharma1.jpg', title: 'pharma1', zoom: '../photos/zoom/pharmacie/pharma1.jpg'}, {url: '../photos/vignettes/pharmacie/pharma10.jpg', title: 'pharma10', zoom: '../photos/zoom/pharmacie/pharma10.jpg'}, {url: '../photos/vignettes/pharmacie/pharma11.jpg', title: 'pharma11', zoom: '../photos/zoom/pharmacie/pharma11.jpg'}, {url: '../photos/vignettes/pharmacie/pharma2.jpg', title: 'pharma2', zoom: '../photos/zoom/pharmacie/pharma2.jpg'}, {url: '../photos/vignettes/pharmacie/pharma3.jpg', title: 'pharma3', zoom: '../photos/zoom/pharmacie/pharma3.jpg'}, {url: '../photos/vignettes/pharmacie/pharma4.jpg', title: 'pharma4', zoom: '../photos/zoom/pharmacie/pharma4.jpg'}, {url: '../photos/vignettes/pharmacie/pharma5.jpg', title: 'pharma5', zoom: '../photos/zoom/pharmacie/pharma5.jpg'}, {url: '../photos/vignettes/pharmacie/pharma51.jpg', title: 'pharma51', zoom: '../photos/zoom/pharmacie/pharma51.jpg'}, {url: '../photos/vignettes/pharmacie/pharma6.jpg', title: 'pharma6', zoom: '../photos/zoom/pharmacie/pharma6.jpg'}, {url: '../photos/vignettes/pharmacie/pharma61.jpg', title: 'pharma61', zoom: '../photos/zoom/pharmacie/pharma61.jpg'}, {url: '../photos/vignettes/pharmacie/pharma7.jpg', title: 'pharma7', zoom: '../photos/zoom/pharmacie/pharma7.jpg'}, {url: '../photos/vignettes/pharmacie/pharma8.jpg', title: 'pharma8', zoom: '../photos/zoom/pharmacie/pharma8.jpg'}, {url: '../photos/vignettes/pharmacie/pharma9.jpg', title: 'pharma9', zoom: '../photos/zoom/pharmacie/pharma9.jpg'}]; function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){ // The index() method calculates the index from a // given index who is out of the actual item range. var idx = carousel.index(i, mycarousel_itemList.length); carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1])); // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){ carousel.remove(i); }; /** * Item html creation helper. */ function mycarousel_getItemHTML(item){ var item = '' + item.title + ''; $('a.thickbox').unbind("click"); tb_init('a.thickbox'); return item; }; $(document).ready(function() { $('#cadre_diapo').jcarousel({ scroll : 1, auto : 2, animation : "slow", wrap : "circular", itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}, itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback} }); });