JCYL

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="authoring-tool" content="Adobe_Animate_CC"> <title>JCYL</title>  <script src="datos/datos.js"></script> <script> var dirige = "inicio"; </script> <style> #animation_container, #_preload_div_ { position:absolute; margin:auto; left:0;right:0; top:0;bottom:0; } </style> <link href="https://fonts.googleapis.com/css?family=Rancho|Lato|Lobster|Roboto|Roboto+Condensed&display=swap" rel="stylesheet"> <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> <script src="index.js"></script> <script> var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("canvas"); anim_container = document.getElementById("animation_container"); dom_overlay_container = document.getElementById("dom_overlay_container"); images = images||{}; var loader = new createjs.LoadQueue(false); loader.addEventListener("fileload", handleFileLoad); loader.addEventListener("complete", handleComplete); loader.loadManifest(lib.properties.manifest); } function handleFileLoad(evt) { if (evt.item.type == "image") { images[evt.item.id] = evt.result; } } function handleComplete(evt) { //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. var queue = evt.target; var ssMetadata = lib.ssMetadata; for(i=0; i<ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} ) } var preloaderDiv = document.getElementById("_preload_div_"); preloaderDiv.style.display = 'none'; canvas.style.display = 'block'; exportRoot = new lib.index(); stage = new createjs.Stage(canvas); stage.addChild(exportRoot); //Registers the "tick" event listener. fnStartAnimation = function() { createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stage); } // CONTROLA EL ROOT TIMELINE!!, del CANVAS // exportRoot.gotoAndStop("infantil"); //Code to support hidpi screens and responsive scaling. function makeResponsive(isResp, respDim, isScale, scaleType) { var lastW, lastH, lastS=1; window.addEventListener('resize', resizeCanvas); resizeCanvas(); function resizeCanvas() { var w = lib.properties.width, h = lib.properties.height; var iw = window.innerWidth, ih=window.innerHeight; var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1; if(isResp) { if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) { sRatio = lastS; } else if(!isScale) { if(iw<w || ih<h) sRatio = Math.min(xRatio, yRatio); } else if(scaleType==1) { sRatio = Math.min(xRatio, yRatio); } else if(scaleType==2) { sRatio = Math.max(xRatio, yRatio); } } canvas.width = w*pRatio*sRatio; canvas.height = h*pRatio*sRatio; canvas.style.width = anim_container.style.width = dom_overlay_container.style.width = preloaderDiv.style.width = w*sRatio+'px'; canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = preloaderDiv.style.height = h*sRatio+'px'; stage.scaleX = pRatio*sRatio; stage.scaleY = pRatio*sRatio; lastW = iw; lastH = ih; lastS = sRatio; } } makeResponsive(true,'both',true,1); fnStartAnimation(); } </script> </head> <body background="images/background.jpg"; bgcolor="#002246"; onload="init();" style="margin:0px;"> <link rel="stylesheet" type="text/css" href="tab.css"> <div id="feedback"> <a href="http://www.educa.jcyl.es/educacyl/cm/gallery/Verano2019/index_infantil.html">volver</a> </div> <div id="animation_container" style="background-color:rgba(255, 255, 255, 0.00); width:1300px; height:750px"> <canvas id="canvas" width="1300" height="750" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 0.00);"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1300px; height:750px; position: absolute; left: 0px; top: 0px; display: none;"> </div> </div> <div id='_preload_div_' style='display: inline-block; height:750px; width: 1300px; vertical-align=middle;position:absolute;left:0px;top:0px;text-align: center;'> <span style='display: inline-block; height: 100%; vertical-align: middle;'></span> <img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div>  </body> </html>

CINXE.COM

JCYL