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>

opacity を 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 に答える