0

我找到了这个脚本：http ://www.queness.com/post/3036/create-a-custom-jquery-image-gallery-with-jcarousel

除了一件事之外，它拥有我需要的一切。右侧的选择正在更改，但左侧的预览始终相同。

有谁知道如何改变这个？

4

1 回答 1

1

您可以使用itemFirstInCallback回调jCarousal来更改预览像这样

function mycarousel_itemFirstInCallbackBeforeAnimation(carousel, item, idx, state) {

    $('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
    $('div#slideshow-carousel li a').each(function () {

       if ($('a',item).has('span').length) 
          $('a',item).children('img').css({'opacity': '1.0'});

    });
    if (!$('a',item).has('span').length) {
       $('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
       $('a',item).stop(true, true).children('img').css({'opacity': '1.0'});
    }

    $('div#slideshow-main li').removeClass('active');        
    $('div#slideshow-main li.' + $(item).find('a').attr('rel')).addClass('active');
        }

然后你可以用上面的回调调用jCarousal

$('#carousel').jcarousel({
    vertical: true,
    scroll: 1,
    auto: 2,
    wrap: 'last',
    itemFirstInCallback: {
     onBeforeAnimation: mycarousel_itemFirstInCallbackBeforeAnimation
    },
    initCallback: mycarousel_initCallback
});

演示

压缩包

于 2012-06-02T10:36:01.410 回答