如何在点击时用SWF替换图像，并在单击另一个图像并用SWF替换时恢复为图像？

Question

假设我有3张图片，每张图片都是Flash动画的占位符。单击图像时，我希望将其替换为相应的SWF。当我单击另一个图像时，我想要将当前的SWF替换为其占位符图像，并将新单击的图像替换为其SWF。

我正在考虑使用图像上的data属性来保存SWF的路径......但这似乎不是实现我想要的最干净的方法。

Answer 1

IMAGE和SWF是完全不同的对象。第一个是简单的块元素，第二个是更复杂的对象/嵌入。

我看到实现你想要的最简单的方法是加载图像和swf，可能在2个不同的DIV中，然后通过javascript交换它们，根据需要设置“显示”样式。

另一种方法是为每个图像创建一个DIV，并始终通过javascript，在“点击”事件上重写内容。更清洁，但有点复杂。

Answer 2

您可以使用.replaceWith()替换html代码。

但每次将html替换为Flash时，动画都会重新启动。

这意味着：

• 替换html-＆gt; swf：Flash Player加载SWF

• 替换swf-＆gt; html：Flash Player卸载SWF

我不是在谈论SWF下载（你可以使用缓存），而只是加载SWF应用程序。

根据您的需求，此解决方案可以适合，但IMO您应该考虑不使用Flash。

顺便说一下，使用display: none;或.hidden（例如）与替换HTML代码具有相同的效果。