Edge Animate：在符号内设置图像 src - 如何？

Posted 2023-05-08

【中文标题】Edge Animate：在符号内设置图像 src - 如何？

【英文标题】：Edge Animate: Set image src within a symbol - How?

【发布时间】：2012-11-13 20:19:17

【问题描述】：

我在 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.

【参考方案1】：

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

---

常规

第一步是获取元素的引用，例如，如果元素名为“MyTextBox”，你可以这样处理它：

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

---

动态改变文本

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

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

---

动态变化的图像

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

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

还有第二部分，就是让 [image] 引用正确。

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

【参考方案2】：

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

例如：

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

将“mypic.png”替换为您要使用的图像的路径。

希望这会有所帮助。