var mycarousel_itemList = [ {url: '../photos/vignettes/impression_num/a_morice.jpg', title: 'a_morice', zoom: '../photos/zoom/impression_num/a_morice.jpg'}, {url: '../photos/vignettes/impression_num/a_morice1.jpg', title: 'a_morice1', zoom: '../photos/zoom/impression_num/a_morice1.jpg'}, {url: '../photos/vignettes/impression_num/binic.jpg', title: 'binic', zoom: '../photos/zoom/impression_num/binic.jpg'}, {url: '../photos/vignettes/impression_num/boulangerie.jpg', title: 'boulangerie', zoom: '../photos/zoom/impression_num/boulangerie.jpg'}, {url: '../photos/vignettes/impression_num/defimode.jpg', title: 'defimode', zoom: '../photos/zoom/impression_num/defimode.jpg'}, {url: '../photos/vignettes/impression_num/defimode2.jpg', title: 'defimode2', zoom: '../photos/zoom/impression_num/defimode2.jpg'}, {url: '../photos/vignettes/impression_num/hypermarche.jpg', title: 'hypermarche', zoom: '../photos/zoom/impression_num/hypermarche.jpg'}, {url: '../photos/vignettes/impression_num/imp_num8.jpg', title: 'imp_num8', zoom: '../photos/zoom/impression_num/imp_num8.jpg'}, {url: '../photos/vignettes/impression_num/laboratoire.jpg', title: 'laboratoire', zoom: '../photos/zoom/impression_num/laboratoire.jpg'}, {url: '../photos/vignettes/impression_num/mondovelo.jpg', title: 'mondovelo', zoom: '../photos/zoom/impression_num/mondovelo.jpg'}, {url: '../photos/vignettes/impression_num/rayon.jpg', title: 'rayon', zoom: '../photos/zoom/impression_num/rayon.jpg'}, {url: '../photos/vignettes/impression_num/signaletique.jpg', title: 'signaletique', zoom: '../photos/zoom/impression_num/signaletique.jpg'}, {url: '../photos/vignettes/impression_num/super-u.jpg', title: 'super-u', zoom: '../photos/zoom/impression_num/super-u.jpg'}, {url: '../photos/vignettes/impression_num/trompe-l-oeil.jpg', title: 'trompe-l-oeil', zoom: '../photos/zoom/impression_num/trompe-l-oeil.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} }); });