Question

我想在几秒钟后更改图像。

我有这个代码可以正常使用图像：

<script language="javascript">
    var x = 0,
        images = [
        "images/product/8f0165121827ee27e9ae4645988e3742.png",
        "images/product/f227c25f3cc58ab2af04a5da27879f17.png"
    ];

    setInterval(function() {
        document.getElementById('ad').src = images[x];
        if (x<1) {
            x+=1;
        } else if (x=2) {
            x=0;
        }
    }, 1000);
</script>
<img id='ad' type='text' src="images/product/8f0165121827ee27e9ae4645988e3742.png" />

问题是我有一个图像和一个swf文件。

我可以更改代码以在特定时间更改图像和swf文件吗？

Answer 1

要合并SWF文件，最好的办法是使用SWFObject。它是一个简单的开源Javascript库，易于使用且标准友好，可嵌入Flash内容。然后将其放在HTML代码的正文中：

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
    images = new Array;
    images[0] = "images/product/8f0165121827ee27e9ae4645988e3742.png";
    images[1] = "images/product/f227c25f3cc58ab2af04a5da27879f17.png";

    setInterval(function() {changeImage()},1000);
    x = 0;
    function changeImage() {
        if (x<2) {
            document.getElementById('ad').src = images[x];
            x+=1;
        }
        else if (x == 2) {
            swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
            x+=1;
        }
        else {
            x=0;
        }
    }
</script>
<img id='ad' type='text' src="images/product/8f0165121827ee27e9ae4645988e3742.png" />

myContent.swf是您要添加的SWF文件的名称。 SWFObject HTML和Javascript generator是一个很好的工具。它基本上生成了使用SWFObject嵌入Flash所需的HTML和Javascript。

Answer 2

@Pies我也建议使用swfObject。但是，Flash可以直接接受大多数媒体文件作为参数。如果您已在页面上使用闪存，并且您知道它存在，则可以向其发送图像或swf文件：

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
</head>
<bod>
  <div id="ad"></div>

  <script language="javascript">
  images = new Array;
  images[0] = "https://media.giphy.com/media/wLrdNV4YclpmM/giphy.gif";
  images[1] = "http://samples.mplayerhq.hu/SWF/test.swf";
  setInterval(function() {changeImage()},4000);
  var x = 0;
  var el = document.getElementById("ad");
  function changeImage() {
    swfobject.embedSWF(images[x], "ad", 600, 300, "10.0.0", null,{ bgcolor:"#000000" });
    x+=1;
    if (x > images.length-1) {
      x=0;
    }
  }

  changeImage();
  </script>
</body>

我已经摆弄了这个，但似乎jsfiddle阻止了swfObject。

我可以在js中更改图像和swf文件吗？

2 个答案: