jCarousel问题-悬停图像不透明度设置

到目前为止,我已经让jcarousel显示,并通过一个txt文件加载图像,

我想做的是一次显示4个图像,然后当用户将鼠标放在其中一个图像上时,其他3个图像的不透明度将变淡,为30%。然后,如果他们移动鼠标到它旁边的图像,我希望该图像100%不透明,其他3个图像30%不透明。

所以鼠标放在上面的图像总是100%不透明,其他的是30%,所以它很突出。当用户将鼠标移出jcarousel框时,我希望所有图像都显示100%不透明度。

我使用的代码与此类似

谢谢。

编辑

对不起,我之前应该添加代码,这里是: http://pastebin.com/m54cd73d8 这就是我目前拥有的nickrance.co.uk/jcarousel/dynamic\uajax.html 它可以工作,它可以淡出不活动的图像,但我认为它需要一个mouse out事件来恢复当鼠标移出jcarousel div时所有图像的不透明度。 而且,它似乎只对前4个图像起作用,而我在旋转木马中有10个图像,其他的图像似乎什么也没做:s

新的当前代码: 到目前为止

 
$(window).bind("load", function() {
    var activeOpacity   = 1.0,
        inactiveOpacity = 0.3,
        testOpacity = 0.3,
        fadeTime = 50,
        clickedClass = "selected",
        thumbs = "#mycarousel li";

  $(thumbs).fadeTo(1.0, activeOpacity);

    $(thumbs).hover(
        function(){

            $(thumbs).fadeTo(fadeTime, inactiveOpacity);

          $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) {
                $(this).fadeTo(fadeTime, activeOpacity);
            }
        });
     $(thumbs).click(function() {
         // Remove selected class from any elements other than this
         var previous = $(thumbs + '.' + clickedClass).eq();
         var clicked = $(this);
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
         }
         clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
     });
});