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}
    });
});

Reply via email to