2015-09-25 64 views
1

我想幾秒鐘後更改的圖像。我可以在js中更改圖像和swf文件嗎?

我有這樣的代碼,正常工作與圖片:

<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文件,在特定的時間?

回答

0

爲了將一個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。

0

@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的。

+0

似乎發揮,但我有2個問題,與該代碼的圖像和SWF應具有相同的尺寸,600的寬度和高度300,我可以給他們單獨的大小?和別的東西,我不想bgcolor,我想透明,我可以管理這個? – perastikos1

+0

當然,只是讓你的數組多維,並將參數傳遞給swfobject。 – Radio

相關問題