jQuery Cycle淡入/淡出帮助

时间:2010-07-21 15:23:57

标签: javascript jquery css scripting

我一直在使用这个脚本 http://jquery.malsup.com/cycle/

并使用“淡入淡出”过渡。 (右边页面的顶行。)我需要编辑脚本,以便图像一直淡出到白色背景,下一个图像一直淡入。现在它们逐渐淡入每个其他。我查看了页面和选项,我认为它可能与编辑实际脚本有关,而不仅仅是定义效果。有帮助吗?谢谢!

1 个答案:

答案 0 :(得分:2)

您可以将“sync”设置为0,以便不会同时发生转换。

$('.pics').cycle({ 
    fx:      'fade', 
    speedIn:  1000, 
    speedOut: 1000,
    sync:     0
});

您应该可以通过CSS控制背景颜色。

.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #fff;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

http://jquery.malsup.com/cycle/options.html