我一直在尝试在站点中安装 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 时,损坏的动画由于某种原因被修复。