WebSite X5Help Center

 
Darek R.
Darek R.
User

Dodanie animacji  pl

Auteur : Darek R.
Visité 1246, Followers 1, Partagé 0  
Mots-clés :: do,dodać,html5,jak,strony

Jak dodać do projektu strony animację zapisaną jako HTML5

Posté le
5 RéPONSES
Promise SA
Promise SA
Icm Partner

Witaj Darek,

Jeżeli to jest kod HTML, to możesz go umieścić na stronie np. przy pomocy obiektu "HTML i gadżety".

Pozdrawiam

Lire plus
Posté le de Promise SA
Darek R.
Darek R.
User
Auteur

Podczas zapisu z flash'a do html5 powstały 2 pliki: html i js. Wprowadzenie samego kodu html nic nie daje. Gdzie umieścić oba pliki, żeby działało? 

Lire plus
Posté le de Darek R.
Darek R.
Darek R.
User
Auteur

Tak wygląda kod html

<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title>CreateJS export from Wideo_2013</title>

<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.3.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.5.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.2.0.min.js"></script>
<script src="Wideo_2013.js"></script>

<script>
var canvas, stage, exportRoot;

function init() {
 canvas = document.getElementById("canvas");
 images = images||{};

 var manifest = [
  {src:"images/Slub_plener.jpg", id:"Slub_plener"},
  {src:"images/Slub_reportaz.jpg", id:"Slub_reportaz"},
  {src:"images/Slub_studio.jpg", id:"Slub_studio"},
  {src:"images/tlo_wideo.jpg", id:"tlo_wideo"},
  {src:"images/Warstwa0kopia.png", id:"Warstwa0kopia"},
  {src:"images/Wideo.jpg", id:"Wideo"}
 ];

 var loader = new createjs.PreloadJS(false);
 loader.onFileLoad = handleFileLoad;
 loader.onComplete = handleComplete;
 loader.loadManifest(manifest);
}

function handleFileLoad(o) {
 if (o.type == "image") { images[o.id] = o.result; }
}

function handleComplete() {
 exportRoot = new lib.Wideo_2013();

 stage = new createjs.Stage(canvas);
 stage.addChild(exportRoot);
 stage.update();

 createjs.Ticker.setFPS(25);
 createjs.Ticker.addListener(stage);
}
</script>
</head><body onload="init();" style="background-color:#D4D4D4">
 <canvas id="canvas" width="800" height="400" style="background-color:#ffffff"></canvas>

</body></html>

Lire plus
Posté le de Darek R.
Emir M.
Emir M.
User

A jak plik html umieścisz na stronie przy pomocy obiektu "HTML i gadżety", a plik js po prostu wgrasz na serwer tam gdzie reszta plików tej strony.

Jedynie w kodzie można zmienić rozmiar animacji. W tej chwili masz ustawioną 800x400, nie wiem czy ta wielkość będzie ok w Twoim projekcie.

Lire plus
Posté le de Emir M.
Promise SA
Promise SA
Icm Partner

Witaj Darek,

Bez znajomości HTML i JavaScript może być Ci ciężko dostosować ten kod do stron tworzonych w WebSite X5.

Możesz spróbować przenieść z wygenerowanego pliku HTML wszystkie elementy z nagłówka HEAD (z pominięciem oczywiście tytułu i tagów META) do nagłówka HEAD wybranej strony w programie WebSite X5 (zaawansowane właściwości strony, kod niestandardowy przed tagiem zamykającym sekcję HEAD), a element CANVAS umieścić przy pomocy obiektu "HTML i gadżety". Kod inicjalizujący (wywołanie funkcji init()) należy umieścić przy pomocy opcji "Właściwości tagu BODY" w zaawansowanych ustawieniach strony.

Pozdrawiam

Lire plus
Posté le de Promise SA