Йерархия на файловата структура на Adobe Edge Animate CC – как активите и изображенията да се зареждат от различни местоположения на папки (версия 2014.1.1)

Това е по-скоро решение, което намерих за себе си, отколкото въпрос. Следвайки помощта на този въпрос: Файловете Edge Animate не работят в CMS.

(горното има добро решение, но е за по-стар Edge Animate и плочката може да не помогне на потребителите, които търсят тази конкретна корекция)

Търсих начин да преструктурирам моите Edge Animate файлове за хостинг сървър по начин, който да не пречи на структурата на сървъра.

Например: Наличие на всички анимационни файлове и активи в папка с анимации.

корен/:

  • изображения/
  • включва/
  • анимации/
  • стилове/
  • index.html
  • and_so_on.html

Вместо просто да изхвърлите всички активи в корена, както би трябвало да направите по подразбиране, ако не използвате или не можете да използвате .oam файла.


javascript animation html adobe-edge
person Edcotty    schedule 20.05.2015    source източник
comment
Ако възнамерявате да направите въпрос със самостоятелен отговор, трябва да публикувате отговора като отговор, а не като част от въпроса.   -  person TZHX    schedule 20.05.2015
comment
Съжалявам, съвсем нов в това ще го промени.   -  person Edcotty    schedule 20.05.2015

Отговори (1)


arrow_upward
2
arrow_downward

Ето какво направих:

  • Създавате папка animations на вашия сървър или папка за тестване (това може да има поддиректория като animation1, animation2 и т.н.).
  • Поставете папката си с изображения в папката animations (или от папката на анимирания проект на Edge, или от папката за публикуване).
  • Поставете папката edge_includes.
  • Поставете файла "animation"_edge.js.
  • Поставете вашия файл "animation".html (това не е необходимо, но работих от този файл, когато поставих кода на Adobe Edge Runtime в главата на html в root).
  • Поставете своя stylesheet.css.
  • Също така не забравяйте да добавите файлове с шрифтове, ако използвате персонализирани шрифтове.

Стъпка 1 Ще трябва да копирате някакъв код от главата на "animation".html в папката animations и да го поставите в главата на страницата "product".html (в основната папка), където сте желаете анимацията да се покаже.

  • Копирайте кода в главата <!--Adobe Edge Runtime--> . . . <!--Adobe Edge Runtime End--> на "animation".html и го поставете в главата на html, който искате да се показва: products.html

  • Копирайте <div id="Stage" class="EDGE-1234123"> .... </div>от "animation".html и поставете div в "products".html, където искате да се показва.

  • Промяна в кода за изпълнение на Adobe Edge, намиращ се в глава <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.1.min.js"></script> до
    <script type="text/javascript" charset="utf-8" src="animations/animation1/edge_includes/edge.5.0.1.min.js"></script>

  • Промяна AdobeEdge.loadComposition('animation', 'EDGE-4297215',.. на
    AdobeEdge.loadComposition('animations/animation1/animation', 'EDGE-4297215',..

  • Променете ["rgba(0,0,0,0)",'images/animation.png','0px','0px'] на
    ["rgba(0,0,0,0)",'animations/animation1/images/animation.png','0px','0px'] (това е за изображението на плаката)

Стъпка 2 във файла "animation"_edge.js:

  • Промяна var im='images/', на
    var im='animations/animation1/images/',

  • Промяна '<link rel=\"stylesheet\" href=\"stylesheet.css\" type=\"text/css\" media=\"screen\" title=\"\" charset=\"utf-8\" />' на
    '<link rel=\"stylesheet\" href=\"animations/animation1/stylesheet.css\" type=\"text/css\" media=\"screen\" title=\"\" charset=\"utf-8\" />'

Това са стъпките, които следвах и те работиха за мен, не бях сигурен как иначе да публикувам това, моля, не се колебайте да коментирате, коригирайте ;D като

person Edcotty    schedule 20.05.2015