jquery照片库与褪色效果

时间:2012-04-09 13:46:26

标签: jquery jquery-animate image-gallery

我在图片幻灯片中找到了很棒的工具,如下面的链接

http://thiagosf.net/projects/jquery/skitter/

可以快速设置具有多种效果的图像幻灯片,遗憾的是我无法让它对我有用我只想要和图像效果与图像淡入/淡出并且没有导航,因为它在Skitter中显示。 我不确定我是否可以使用skitter复制效果,如示例2所示。

我使用以下代码进行滑行,但它没有给我预期的效果。当我设置“dots:false”时

  • 它会隐藏点,但会自动显示我不想要的数字导航。
  • 我希望Image淡入/淡出,但我无法通过脚本找到该选项。

我做错了什么或者我正在寻找的效果是不可能使用skitter脚本

$(document).ready(function() {
        $(".box_skitter_large").skitter({
            numbers_align: "center", 
            dots: true, 
            preview: false, 
            focus: true, 
            focus_position: "leftTop", 
            controls: false, 
            controls_position: "leftTop", 
            progressbar: true, 
            progressbar_css: { 
                top:'0px', 
                left:'0px', 
                height:0, 
                borderRadius:'0px', 
                width:0, 
                backgroundColor:'#000', 
                opacity:.7 
            }, 
            animateNumberOver: { 'backgroundColor':'#555' }, 
            enable_navigation_keys: true
        });
    });

1 个答案:

答案 0 :(得分:1)

你可以查看这个Jquery插件

http://snook.ca/archives/javascript/simplest-jquery-slideshow

它非常接近你所需的......

也可以提供适当的文件。