0

我一直在尝试在站点中安装 imageFlow。除了在 IE 中(在我的情况下为 8),它工作正常。问题是动画不流畅。我看过他们在 IE8 中的演示,效果很好。我一生都无法理解为什么我的例子不起作用而他们的例子起作用。我已经尝试根据示例更改 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 时,损坏的动画由于某种原因被修复。

4

2 回答 2

2

我有完全相同的问题。我发现的一种解决方法是启用不透明度,然后简单地将所有图像设置为完全不透明,如下所示:

 opacity: true, opacityArray: [10,10,10,10,10]
于 2010-01-20T16:07:07.227 回答
0

非常感谢!我遇到了这个问题,您的帮助绝对很棒。我不知道他在示例选项卡的 Imageflow 主页中有什么版本,但是当我使用 IE8 去那里时,我没有同样的问题。有一个带有照片不透明度的数组的问题,您需要一个数组宽度的长度等于您的图像数量吗?

于 2010-05-17T21:51:36.193 回答