Кто нибудь рисует анимированные баннеры на html5? Ответьте на вопрос

InstantCMS 2.X
#1 4 апреля 2019 в 21:17
Вообщем работаю на Adobe Animation. Сделал анимированный баннер. Гружу на сайт js, создаю виджет html-блок. Гружу в него то что скомпилировал adobe animation. Баннер показывает и анимация идёт НО… Баннер становится гигантским. Никак не могу настроить контейнер. Создавал отдельный css. Заменял "родной". Всё равно. В джава скрипт я — НОЛЬ без палочки. В хтмл такой код:

  1. function resizeCanvas() {
  2. var w = lib.properties.width, h = lib.properties.height;
  3. var iw = window.innerWidth, ih=window.innerHeight;
  4. var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;
  5. if(isResp) {
  6. if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {
  7. sRatio = lastS;
  8. }
  9. else if(!isScale) {
  10. if(iw<w || ih<h)
  11. sRatio = Math.min(xRatio, yRatio);
  12. }
  13. else if(scaleType==1) {
  14. sRatio = Math.min(xRatio, yRatio);
  15. }
  16. else if(scaleType==2) {
  17. sRatio = Math.max(xRatio, yRatio);
  18. }
  19. }
  20. canvas.width = w*pRatio*sRatio;
  21. canvas.height = h*pRatio*sRatio;
  22. canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = w*sRatio+'px';
  23. canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px';
  24. stage.scaleX = pRatio*sRatio;
  25. stage.scaleY = pRatio*sRatio;
  26. lastW = iw; lastH = ih; lastS = sRatio;
  1. </head>
  2. <div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:650px; height:218px">
  3. <canvas id="canvas">display: block;</canvas>
  4. <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:650px; height:218px; position: inherit; left: 0px; top: 0px; display: block;">
  5. </div>
  6. </div>
  7. </body>
  8.  
и max-width: 100% пробовал прописывал в css. Тщетно.



В js файле откуда грузит lib.properties стоят Нужные мне значения (а именно 650х218px). Но в итоге он растягивается до 1500пх и выходитза рамки сайта. Кто создает анимированные баннеры в Адоб Анимэйшн и внедряетих в инстант, подскажите как корректно разместить их в блок?
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.