I am using Jcarousel with Thickbox to have a sliding image viewer. But i need a couple of them to either open up as html or flash. I really need some help with this and im not very proficient in java or jQuery
The site is http://www.l7creative.com/test/L7 There is also other .js files the code is... // Set thickbox loading image tb_pathToImage = "images/loading-thickbox2.gif"; var mycarousel_itemList = [ {url: "images/portfolio_1.jpg", title: "http:// www.slsloudspeakers.com", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_2.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_3.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_4.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_5.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_6.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_7.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_8.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_9.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_10.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_11.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_12.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_13.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_14.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, {url: "images/portfolio_15.jpg", title: "L7 Creative Communications Portfolio", bigimg: "images/portfolio_1_over.png"}, ]; function mycarousel_itemLoadCallback(carousel, state) { for (var i = carousel.first; i <= carousel.last; i++) { if (carousel.has(i)) { continue; } if (i > mycarousel_itemList.length) { break; } // Create an object from HTML var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList [i-1])).get(0); // Apply thickbox tb_init(item); carousel.add(i, item); } }; /** * Item html creation helper. */ function mycarousel_getItemHTML(item) { return '<a href="' + item.bigimg + '" title="' + item.title + '" class= \"thickbox\"><img src="' + item.url + '" alt="' + item.title + '" /></ a>'; // <a href="' + item.bigimg + '" title="' + item.title + '"> }; jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ size: mycarousel_itemList.length, itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback} }); });
