imageflow动画在使用opacity=false的IE上看起来很糟糕

Question

我一直在尝试在一个网站上安装imageFlow。除了在IE (mycase中是8)之外，它工作得很好。问题是动画并不流畅。我在IE8中看过他们的demo，它工作得很好。我无论如何都不能理解为什么我的例子不起作用，而他们的例子起作用了。我尝试过根据examples更改imageFlow的选项，但无济于事。

下面是我使用的代码：

<div id="carousel" class="imageflow" style="border:solid 1px;height:292px;width:971px;background-image:url('images/carousel/carouselBackground.jpg');"> 
<img src="path1.jpg" longdesc="" width="666" height="500" alt="1" />
<img src="path2.jpg" longdesc="" width="666" height="500" alt="2" />
<img src="path3.jpg" longdesc="" width="666" height="500" alt="3" />
<img src="path4.jpg" longdesc="" width="666" height="500" alt="4" />
<img src="path5.jpg" longdesc="" width="666" height="500" alt="5" />
</div>

<script>
domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID: 'carousel',
                    reflections: false,
        slider: true,
                    reflectionP: 0.2,
        aspectRatio: 3.32,
        imagesHeight: 0.7,
                    captions: false,
                    opacity: false,
                    xStep: 150,
        buttons: true,
        imageFocusM: 1.0,
                    startID: 3 });
});
</script>

当我将不透明度更改为true时，由于某种原因，损坏的动画被修复。

Answer 1

我也有同样的问题。我发现的一个解决办法是启用不透明度，然后简单地将所有图像设置为完全不透明，如下所示：

 opacity: true, opacityArray: [10,10,10,10,10]

Answer 2

非常感谢！我有这个问题要解决，你的帮助真的很棒。我不知道他在Imageflow主页的examples选项卡中有什么版本，但当我使用IE8访问时，我没有遇到同样的问题。对于具有照片不透明度的数组的问题，你需要有一个长度等于图像数量的数组宽度吗？