0

複数の swiffy コンバージョンを同じページに配置すると競合するように見え、最初のコンバージョンのみが表示されます。複数のコンバージョンが同じページに表示されるように、コードの領域 (おそらくインスタンス名) をそれぞれ変更できますか?

私が話しているページへのリンクは次のとおりです: http://www.ufonies.com/fansmobi.html

ヘッダーのアニメーションは問題なく動作します。「Space Golf」画像の下に別の小さなアニメーションがあるはずですが、空白のスペースとして表示され、そこに変換コードが表示されます。

ありがとう

4

3 に答える 3

1

それは実際にはかなり単純です

swiffyobject の名前を何かに変更する必要があります。swiffyobject2、swiffyobject3 など。

この例では、コンテナの名前が container2 に変更されているため、要素 ID も変更されています。次に、swiffyobject の代わりに swiffyobject2 を呼び出します。そうすれば、必要なだけ swiffyobjects のインスタンスを使用できます。

<div id="swiffycontainer2" style="width: 190px; height: 195px">
    </div>
    <script>

      var stage = new swiffy.Stage(document.getElementById('swiffycontainer2'),
                                   swiffyobject2);

      stage.start();
    </script>

オブジェクトごとに個別の js ファイルを作成し、1 つのインスタンスを呼び出すだけです。

<script src="https://www.gstatic.com/swiffy/v5.2/runtime.js"></script>

しかし、それは単なる個人的な好みです。お役に立てれば。

于 2013-07-02T18:52:43.320 に答える
1

私もスライダーでこの問題を抱えていました.各スライドはswiffyアニメーションであり、2つ以上のアニメーションを使用するたびにswiffyがエラーをスローしました. div の代わりにスライドに iframe コンテナーを使用することで、これを回避しました。このようにして、各アニメーションには変数とスクリプト用の独自の名前空間がありました。

これが役立つことを願っています。

于 2013-02-22T10:32:38.460 に答える