Question

我一直在尝试在网站上安装imageFlow。它工作正常，除了IE（我的情况下为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主页中有什么版本，但是当我使用IE8去那里时我没有同样的问题。如果一个数组具有不透明度的照片，你需要一个数组宽度等于你的图像数量吗？

图像流动画在IE上看起来很糟糕，opacity = false

2 个答案: