Question

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

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

有谁知道如何改变这个？

Answer 1

您可以利用itemFirstInCallback的{{1}}回调来更改此预览

jCarousal

然后你可以用上面的回调

来调用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');
        }

DEMO

ZIP Bundle

jQuery图像库与jCarousel与更改预览

1 个答案: