Edge Animate：在一個符號內設置圖像src - 怎麼做？

Question

我在Edge Animate中創建了一個符號，它包含一個矩形作爲視圖區域，圖像和文本作爲該視圖區域的內容。我想在開始動畫的符號之前設置文本和圖像的src。因此，當點擊某一區域的時候，我可以設置「文本」與

var thing = sym.getSymbol("mySymbol"); 
thing.$("Text").html("I can set some text here to change the content of Text."); 

現在的問題是，我怎麼可以設置該符號內的項「圖像」的圖像源。我查看了Edge Animate創建的文件，上面顯示的文本位於名爲「text」的字段中，而圖像的名稱與其他信息包含在名爲「fill」的字段中。我不知道如何設置圖像源。任何指針？

預先感謝

M.

Answer 1

一個方法可能是附加img標籤並定義它的來源。

例如：

$('<img src="mypic.png">').appendTo($('Text')); 

替換 「mypic.png」 與您要使用的圖像的路徑。

希望這有助於。

Answer 2

這是一個堅實的解決方案，我一直在過去的幾個小時裏一直在努力。

---

一般

的第一步是去的元素的引用，例如，如果元素被命名爲「MyTextBox」，你會解決這個問題是這樣的：

$(sym.lookupSelector("MyTextBox")); 

---

動態更改文本

要做到這一點，你可以設置HTML屬性爲引用的元素：

$(sym.lookupSelector("MyTextBox")).html("Hello World"); 

---

動態改變圖像

圖像通過使用DIV的背景圖像的CSS屬性來實現。如果你有一個名爲MyImageBox圖像元素，語法爲：

$(sym.lookupSelector("MyImageBox")).css('background-image', [image]); 

有一個第二部分，這是越來越了[圖]引用正確的。

• 如果它在默認情況下邊緣圖像目錄，使用相對URL： images/MyNewImage.png
• 使用標準語法CSS的background-image： url(images/MyNewImage.png)