Как я могу динамически изменять изображение в символе Edge Animate?

Question

Я работаю над прототипом сайта, у которого есть много изображений опрокидывания в навигации. Каждое изображение уникально, но код опрокидывания и развертывания идентичен. Я пытаюсь создать единый символ, который можно использовать для всех опрокидывания, но вам нужна помощь в этом, так как это значительно ускорит мою работу.

Я думаю, что псевдокод будет работать как этот

1. Создать символ, который содержит опрокидывание изображение по умолчанию.
2. В этом символе добавить код опрокидывания и разворота. Это регулирует прозрачность от 0 до 100 и обратно.
3. Создайте экземпляры символа над каждым элементом на nav.
4. Для каждого экземпляра установите переменную, содержащую имя используемого изображения опрокидывания.
5. В этом экземпляре символа получите значение переменной.
6. В этом экземпляре символа используйте имя изображения в переменной, чтобы заменить изображение по умолчанию.

Вопрос: Как я могу сделать шаг 4-6? У меня 1-3 работает плавно.

---

Обновление: Я # 6 решил

Изображения все управляется с помощью свойства CSS фонового изображения, а не старой школы <img src=...>. Таким образом, чтобы установить изображение для элемента, синтаксис:

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

И есть вторая часть, которая становится [изображение] вправо.

1. Используйте относительный адрес по умолчанию для пограничных изображений: images/[image]
2. Используйте стандартный синтаксис CSS фона изображения: url(images/[image])

---

P.S. Моя последняя работа с Dev работала с директором, PHP и ColdFusion. Я по-прежнему получаю базовые принципы, такие как использование функций, объектов, экземпляров, наследование и т. Д., Но язык изменился. И у меня очень мало опыта работы с DOM.

---

Приложение: Как я делаю это вручную

1. Там есть фоновое изображение нав показывая все неотобранных состояний

2. Каждый элемент нав имеет соответствующее изображение опрокидывания, в ряд элементов, расположенных поверх элемента nav. Каждый опрос имеет непрозрачность, первоначально установленную на 0%.

3. Каждый элемент изображения имеет триггеры опрокидывания, свитки и щелчка.Триггеры опрокидывания и свитки идентичны для каждого. Там также немного больше кода с развертыванием, которое обеспечивает быстрое увядание. Это означает, что вы копируете идентичный код. Я ненавижу думать о том, чтобы изменить какую-либо часть этого кода.

Answer 1

Я пришел к тем же выводам, что и ваш.

Этапы 4-5 Я сделал так: когда я создаю экземпляр символа, я даю ему специальное имя, например «button_image1». Затем в коде, вы можете проверить это свойство делания:

var symbolElement = sym.getSymbolElement(); 
var id = symbolElement.attr("id") 
var tokens = id.split("_"); 
var image = tokens[1]; 

И установить правильное изображение в качестве фона.

Вы можете поместить этот код в событие creation_complete этого символа.