Question

在同一页面上放置多个swiffy转换似乎有冲突，只有第一个出现。是否有一个代码区域，可能是实例名称，我可以在每个区域上更改，以便多个转换可以出现在同一页面上？

以下是我正在谈论的网页的链接：http://www.ufonies.com/fansmobi.html

标题中的动画工作正常，“太空高尔夫”图像下应该有另一个小动画，但它只是一个空白区域，转换代码就在那里。

由于

Answer 1

我也有滑块的问题 - 每个幻灯片都是一个漂亮的动画，每次我使用两个或更多动画时，swiffy都会抛出错误。我通过使用iframe容器代替div来解决这个问题 - 这样每个动画都有自己的变量和脚本命名空间。

我希望这会有所帮助。

Answer 2

实际上非常简单

swiffyobject应该重命名为ex。 swiffyobject2，swiffyobject3等等。

在此示例中，请将容器重命名为container2，因此是Element id 然后我调用swiffyobject2而不是swiffyobject。这样我们可以根据需要使用尽可能多的swiffyobject实例。

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

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

      stage.start();
    </script>

我喜欢为每个对象创建单独的js文件，只需调用

的一个实例

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

但这只是个人品味。希望这会有所帮助。

Answer 3

尝试制作新实例。

示例：

var swiffyIntroSlide = new swiffy.Stage(document.getElementById('intro-slide'), introSlide);
swiffyIntroSlide.start();

var swiffyBanquePopulaire = new swiffy.Stage(document.getElementById('top-banner'), banquePopulaire);
swiffyBanquePopulaire.start();

注意： introSlide＆amp; banquePopulaire是swiffy对象的变量。

只有一个Swiffy转换实例在页面上进行多次转换？

3 个答案: