边缘动画：在符号中设置图像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”的字段中的其他信息中。我不知道如何设置图像源。有什么指针吗？

提前致谢

微米。

Answer 1

这是一个可靠的解决方案，我在过去几个小时里一直在努力。

---

常规

第一步是获取对元素的引用，例如，如果元素名为“MyTextBox”，则可以这样解决：

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

---

动态更改文字

为此，您可以为引用的元素设置HTML属性：

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

---

动态更改图片

使用DIV的background-image CSS属性实现图像。如果您有一个名为MyImageBox的图像元素，则语法为：

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

还有第二部分，它使[图像]参考正确。

• 如果它位于默认的Edge images目录中，请使用相对URL： images/MyNewImage.png
• 使用CSS background-image的标准语法： url(images/MyNewImage.png)

Answer 2

一种方法可能是附加img标记并定义其来源。

例如：

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

替换＆＃34; mypic.png＆＃34;与您要使用的图像的路径。

希望这会有所帮助。