Question

我有这个JS在图像之间滑动，但是我想把它们改成淡出 - 什么是改变这些的最佳方法？

这是一个完整的演示，但它更好：http://jsfiddle.net/mJcTA/6/

    animate: function () {
            var nextItem, pos;
            // check whether there are enough items to animate to
            if (this.itemIndex > (this.noOfItems - this.options.itemsPerPage)) {
                this.itemIndex = this.noOfItems - this.options.itemsPerPage; // go to last panel - items per transition
            }
            if (this.itemIndex < 0) {
                this.itemIndex = 0; // go to first
            }
            nextItem = this.items.eq(this.itemIndex);
            pos = nextItem.position();

            if (headache) {
                this.runner
.stop()
.animate({ left: -pos.left }, this.options.speed, this.options.easing);
            }
            else {
                this.mask
.stop()
.animate({ scrollLeft: pos.left }, this.options.speed, this.options.easing);
            }
            this.updateBtnStyles();
        }

Answer 1

您想要改变的是

内的内容

.animate({HERE}..

将左位置css属性更改为0.如果要使其淡化，则右侧动画将不透明度更改为1：

.animate({opacity:1}...

请注意，不透明度css属性会根据浏览器以不同方式解释，因此您可能需要更改多个“不透明度”规则。

代码不完整，因为我没有太多时间阅读整个脚本，但这会让你去...

使用jquery将动画滑块更改为淡入淡出

1 个答案: