当 opacity=false 时,图像流动画在 IE 上看起来很糟糕
我一直在尝试在网站中安装 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技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我有完全相同的问题。我发现的一个解决方法是启用不透明度,然后简单地将所有图像设置为完全不透明,如下所示:
I have exactly the same issue. A workaround I found was to enable opacity, then simply set all images be completely opaque, like so:
非常感谢!
我遇到了这个问题,你的帮助绝对是巨大的。
我不知道他在示例选项卡中的 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?