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

发布于 2024-08-07 02:03:29 字数 1422 浏览 8 评论 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 时,由于某种原因,损坏的动画被修复。

I've been trying to install imageFlow in a site. It works fine except in IE (8 in mycase).
The problem is that the animation isn't smooth. I've looked at their demo in IE8 and it works great.
I can't for the life of me understand why my example isn't working and theirs does. I"ve tried changing the options of imageFlow based on the examples but to no avail.

Here's the code I'm using:

<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>

When I change opacity to true, the broken animation is fixed for some reason.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北城孤痞 2024-08-14 02:03:29

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

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

I have exactly the same issue. A workaround I found was to enable opacity, then simply set all images be completely opaque, like so:

 opacity: true, opacityArray: [10,10,10,10,10]
始终不够爱げ你 2024-08-14 02:03:29

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

Many thanks!
I had that problem to, and your help was absolutely great.
I don't know what version he have in Imageflow homepage in the examples tab but when i go there with IE8 i don't have the same problem.
The issue of having an array with the opacity for the photos, you need to have an array width a length equal to the number of your images?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文