Preloader (Edge Animate)

Program freezes after adding a preloader. nothing responds. The file can be new or old. I have reinstalled everything. This has been going on for 2 days. I have done everything I can think of. Does anyone know how this could be?

Please post your question to Edge Animate CC.

Similar Messages

How to create a Lightbox in Edge Animate with Preloader

Hi guys, please am new in a lot of stuff in edge animate but I need some help. I want to create a lightbox containing image slider (loading from an external image folder) but I want the images to be preloaded first then edge displays the slider for a smooth experience. Or is it that Edge preloads all assets before playing the website if of course I use the inbuilt preloader built within edge. I often assume that the preloader built into edge might not include the image slider i intend to load externally.(Please correct me if am wrong). Still struggling with a Edge. Assistance with a small sample file will help. I learn fast that way. Thanks

Hi..
Easy transaction to Case Management customizing is SCASE_CUSTOMIZING. There you have an overview of the customizing of case management.
Also carryon these steps one by one...
Case Management Basic Settings :
Define Number Range Intervals for Case
Define Case Types
Determine Permitted values for attribute
Create values for "Category" attribute
Create values for "Cause" attributes
Create values for "Priority" attribute
Create values for "Reason" for escalation attribute
Assign escalation reasons to an attribute profile
Create values for "Authorization level" attribute
System Modifications
Create status profile
Create Text profile
Create Text Ids
Create Text Profile
Define Logical system for external objects
Enhanced System modifications
Note About Enhanced System Modifications
Define Processes
Set up registry
Create/Change Case Record Model
Create Profiles
Create attribute profile
Create function profile
Create terminology profile
Create Activities for authorization check
Activate application log
Define processes
Create/Change Case Record Model
When u open the Transaction SCASE_CUSTOMIZING , there will be Registry Steps...
Follow them step by step.
Regards,
Eswari.

Embedding edge animate video - endless Preloader no Video -- Updatet!

Hi,
i do a simple test with the Edge Animate Video-Tutorial on my FTP-Server. With a simple Play/Pause Button and a Video(mp4/ogv).
I add a preloader image at the beginning and i center the whole stage.
After i publish and upload the web folder to my FTP-Server, i get the animated preloader image in the Browser Window in the top/left corner and nothing else(endless Preloader animation).
Only after i press 1 to 3 times the reload Button, i get the right animation and the video play if i press the play button and the Stage is centered. Everything works then fine.
Safari, IE9, Chrome and Firefox have the same behaviour.
What is wrong???
You can do a test here: ultimate trail video
Best regards
Dirk

Hi Darrel,
i have deleted the preloader and updated the animation to my FTP-Server, now it works fine on Chrome, IE and Safari except of Firefox. On Firefox i have to press reload one time.
What can i do??
Dirk

How do I keep an Edge Animate banner ad file size small?

Most publishers cap the file size of banner ads at 30 KB to 50 KB. Is that possible using Edge? I know someone asked a question like this two years ago, and the reply was to use a CDN to serve the larger .js files. Is there a more direct approach now that Edge is no longer in preview? Thanks!

Hi SGPGirl,
We were just forming what became the Edge Animate team two years ago, so many questions were asked at that time. The 30k-50k ad standards were built with Flash in mind; HTML advertising standards are still emerging. In the meanwhile, we are making a continuing investment to improve the form factor of Animate output. Here are a few things we've done so far in "Publish":
- Frameworks via CDN (for jQuery)
- "Polite" preloader - this allows you to sneak-in under 30k size limits. It shows a light-weight "preloader" and then pull in a larger payload after the page has loaded. The preloader UI contains a meter that indicates the gzipped size of the preloader including its resources.
- Compressed composition output. When published, the animation (xyz_edge.js) is written in an efficient/compact form that shaves as much as 80% from the composition size.
I'd be grateful for your perspective on the "polite preloader" approach vs. trying to fit the entire composition into 30k. If Animate were to support an "areo-gel weight" output format, what kinds of experiences would you expect to produce with it? If you have any examples, please share!
- Josh

How do you add Edge Animate to HTML Module using DotNetNuke (DNN)?

First off I'm new to the whole web design/coding/html/css/jquery/etc., and the program Edge Animate is amazing!
I have a site up using DNN and wanted to put what I created on Animate onto one of the pages. I added an HTML module and that's where I'm stuck.
I do not know where to get the complete code so it works, and I do not know where to upload the Animate files. When it comes to creating the thing, I can manage (by reading ALOT), but when it comes to implamenting I am just stumped.
Any idea?
If you need more specific info just give the word, and I'll try my best.
Thanks,
Moses G.

There are four basic steps needed to embed an Edge Animate composition into an existing page:
Publish from Edge Animate. (This creates the necessary files to run the animation. Also, the code referenced in Step 2 and 3 below will be included in the .html file that Animate creates inside the publish/web folder, which you can just copy/paste.)
Add a <div> to the page that has the ID of Stage and the correct class name for your stage (i.e. the "Composition ID" for your project in Animate).
For example:
<div id="Stage" class="EDGE-1655086"></div>
Include the Preload .js file and the default style in your page's header, within Edge Runtime HTML comments.
For example:

<script type="text/javascript" charset="utf-8" src="test-1655086_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-1655086 { display:none; }
</style>

Make sure to upload all of the include files to your server in the appropriate relative locations. This includes the _edge.js files, _edgeActions.js file, _edgePreload.js file, the edge_includes folder and its contents, any other files/folders created inside the "publish/web" folder when you publish from Edge Animate (e.g. "images" folder, etc.).
Here is a very simple example that will hopefully help to clarify:
http://thetraininggrounds.com/An-test/Insert-An-into-existing-page.html
As a reference, these are all of the files involved in the example:
An-test/Insert-An-into-existing-page.html (the existing HTML page)
An-test/ball-bouncing-banner_edge.js
An-test/ball-bouncing-banner_edgeActions.js
An-test/ball-bouncing-banner_edgePreload.js
An-test/edge_includes/edge.1.0.0.min.js
An-test/edge_includes/jquery.easing.1.3.js
An-test/edge_includes/jquery-1.7.1.min.js
An-test/edge_includes/json2_min.js
Thanks
Harshit yadav

Working on implementing an Edge Animate (2014.1) into a Wordpress page.

This is a manual implementation and it appears that all the guidance offered is for anything prior to 2014.1.
When I publish I don't have access to the preload file which is an essential part to previous implementations with Wordpress.
Does anyone know of a tutorial or information regarding doing this?
Any suggestions would be greatly appreciated.
PS I am relatively new to Edge Animate - so my apologies in advance!

I worked this out yesterday.
You can uptick Web,
Publish the Animate Deployment package.
Then in wordpress, add the plugin called 'Edge suite'... (yesterday I had some problems getting the plugin to work and eventually had to track down the developers current dev build which worked fine, he's a solo developer even though Adobe refer to his plugin in their own video tutorials).
Once the plugin is installed.
You load up the the published file... and then activate some shortcode script and add the shortcake with an id that relates to your edge item into your Wordpress post.
It seems we can't post links here.
I posted a blog entry about this and some vimeo layer embedding.
If you search google for 'How to animate elements in front of and behind your embedded Vimeo or Youtube Video'
you'll find my scrappy blog post... skip the first 75% of it... and it will run through publishing form Edge and posting to Wordpress.
Enjoy.

Edge animate and content management system

Since I'm having great difficulty getting this to work, I'm wondering if edge animate 2014.1 will work in an content management system? The previous version I was using created a _edgePreload.js which among other things, loaded the javascript files and had a path to those .js files that could be changed, which is how I managed to get about half working with my cms. Now that Edge has updated to v2014.1 the _edgePreload.js is no longer automatically generated as a separate file and when set to publish preload DOM as separate file, this preload.js does not have the same "paths" section. Also, publish settings will not let you use relative paths, Can anyone explain if and how edge animate 2014.1 can work in an content management system I would greatly appreciate it.

You can now modify the first parameter to "AdobeEdge.loadComposition" in the generated html page accordingly.
Say, you moved the edge generated js(_edge.js and/or _edgePreload.js) files to folder "myJSFiles", then do the following change:
Before Change: AdobeEdge.loadComposition('CompName', 'EDGE-107552393', { ..... }
After Change: AdobeEdge.loadComposition('myJSFiles/CompName', 'EDGE-107552393', { ..... }
hth,
Vivekuma

Edge Animate and Fancybox Conflict

Hi,
I've created a nice little splash animation for my company's website, which is working nicely on it's own. Further down the page, we have a section that I'm trying to manually call fancybox galleries on. It works if I delete the Edge Preloader Script tag in the head, but as soon as I paste it back in, fancybox does not work again. I have other jquery scripts running on the page while the Edge script is active, so I don't think it's from multiple jquery calls. I'm at a loss here as it seems that getting rid of one or the other is the only solution and I hope that isn't the case.
You can see the code at: http://brilliant-graphics.com/BrilliantJune2013/
The manual fancybox call is on the 'Clients Section' on the gallery button for Peter Sculthorpe.
Brendan

Thank you very much for your answer.
When I give exported as HTML at the end of the process opened me is the page of the Google search engine, but when I go to the folder where I keep the project in HTML and give click to INDEX up the page but only see the color background page and do not see the animations I did in EDGE ANIMATE . It seems to me that it is wrong EDGE ANIMATE , because when I look for the assets folder, there are two animations I did in Edge Animate , and when I enter one of them and I click the HTML document animation , raises with defects in the animation , it lacks a number of images to the project. However, these missing pictures ARE ON THE IMAGES FOLDER . Then I went to Edge Animate to see how Edge Animate published as Web (not as oam file) and when I clicked the HTML document created by Edge Animate gives the same error as in Muse . I really do not understand what's happening because the preview of Edge Animate and the Muse preview look perfect . And I do not miss any ' error code or something.
I do not know what else to do , my knowledge of the programs is limited , perhaps , to be able to locate an solution .
I will be very grateful to all who can help me on this case.
Thank you

Integrating External JQUERY code with Edge Animate

Hi all...
There are two ways i can see of integrating Edge Animate With External JQuery
Something happens within Adobe edge and triggers something to happen externally or vice versa.....
1: When an action is performed (mouseUp MouseOver... etc...) we can initiate some external Jquery
For example
When I "mouseUp" my play button i run the function "playPause()" and my audio starts to play
function playPause(){
    if( $("#liveStream").data("jPlayer").status.paused ) {
        $("#liveStream").jPlayer("play");
    else {
        $("#liveStream").jPlayer("pause");
So this is fine... i perform an action in Adobe Edge and something external to the composition occurs, in this case it connects to a live stream of audio and the user gets the desired result.
2:When an event occurs in external Jquery (playing, connection lost, audio not ready... etc...) we can perform an action within Adobe Edge
For example
When the audio stream is playing and the user is definatly hearing music i need to perform an action within Adobe Edge like "sym.$("playButton").hide();" which hides the play button because obviously there is no need to click play anymore when the music is already playing..
This is were my Jquery understanding ends..
Questions:
1: Where do i put global code within my Adobe Edge composition that triggers actions when external jQuery returns an event
2: How do i go about coding this...
Below is my best attempt
function playStatus(){
     $("#liveStream").bind($.jPlayer.event.playing, function (event) {
          sym.$("playButton").hide();
Now my attempt is probably way off the truth but im hoping you understand what i am trying to achieve..
Thank you for reading this through
Any advice would be greatly appreciated.....
Justin..

Hi, thanks for the assistance....
I have tried to integrate the following code into the "creationComplete event"
//Initiate JPlayer
$(document).ready(function(){
    var stream = {
        mp3: "http://streaming.radionomy.com/ABC-Jazz"
    ready = false;
    $("#liveStream").jPlayer({
        ready: function (event) {
            ready = true;
            $(this).jPlayer("setMedia", stream);
        pause: function() {
            $(this).jPlayer("clearMedia");
        error: function(event) {
            if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
                // Setup the media stream again and play it.
                $(this).jPlayer("setMedia", stream).jPlayer("play");
        swfPath: "js",
        supplied: "mp3",
        preload: "none",
        wmode: "window",
        keyEnabled: true
//Create function for Play & Pause
function playPause(){
    if( $("#liveStream").data("jPlayer").status.paused ) {
        $("#liveStream").jPlayer("play");
    else {
        $("#liveStream").jPlayer("pause");
The above code used to be within a player.js file that i called into edge, As you have recomended to me i have moved this code to within edge...
When i try to play the stream i get the following error from the console "Javascript error in event handler! Event Type = element"
It is refering to edge.3.0.0.min.js
In a bit stuck now as to why it is not working....
This error is usually generated when the scripts are not talking to each other so im guessing it should be an easy one for you guys as my knowledge of jquery is not great!

Edge Animate free version

Hi I would like to know where I could fnd the free version of Edge Animate. I had it installed but had to reinstall everything on my computer and now I can't seem to find where to download it. I can find the 30 day trial but the other worked just fine.
Does anyone know where to get the older version?
Thanks
RJThompson

Elaine,
I'm dissapointed to know that the last stand alone version of Edge is being abandoned. I have used this programing suite since Macromedia had Dreamweaver and after 7 or 8 upgrades now have CS6 and I really don't want to migrate to the cloud service. I'm curious how well received the transition to a cloud only service has been.
At this point I'm doing some tutorials in Edge 1.5 to get familiar with the application with some difficulty. I have uploaded to my web host on a linux server as well as run the files on the local preview server.
I too see this issue with my animations not playing in IE 11 (Windows 7 pro). All other browsers, each in latest version, work well. (I havent tried Safari) I get an error in the preloader :
"SCRIPT438: Object doesn't support property or method 'okToLaunchComposition'
File: symbols_start_edgePreload.js, Line: 26, Column: 118"
I tried to modify the preloader file according to the workaround posted by Joe Bowden in October but that didn't solve the problem. This error is farther into the file than that positing seems to be addressing. Is there any other possible solutions? Is there a list of known incompatibilities that one could use to help debug other issues found?
Thanks for any help,
Al

Edge Animate loads JS files twice

HI,
Does anyone know why Edge animate loads all the javascript files and JQuery and Edge Libraries twice. Is there a way to prevent or override this?
When profiling my animation with Safari and Chrome, in the Network requiements you can see that these file are loaded twice, increasing the network requirements.
It seems that the first time the format is not recognized given that the icon next to the files is for IMG. The second time it is loaded then it gets the icon for JS.
Has anyone seen this?

Sarah,
Yes, this is the only way Yepnope 1.0.x works and 1.5.x still does such things. There are changes in this area in 1.5.x though. Yepnope exposed two direct methods to inject JS and CSS files. So yepnope({load: ...}) will preload files first and inject them after. Direct methods don't preload files. As far as Edge Animate doesn't use full power of yepnope, there is good chance that direct method will work good:
yepnope.injectJs( scriptSource [, callback ] [, elemAttributes ] [, timeout ]);
yepnope.injectCss( stylesheetSource [, callback ] [, elemAttributes ] [, timeout ]);
Simplest testcase:
<!DOCTYPE html>
<html>
<head>
          <script src="http://cdnjs.cloudflare.com/ajax/libs/yepnope/1.5.4/yepnope.min.js"></script>
          <script>
                    yepnope.injectCss('http://cdnjs.cloudflare.com/ajax/libs/1140/2.0/1140.css');
                    yepnope.injectJs('http://cdnjs.cloudflare.com/ajax/libs/Base64/0.1.3/base64.min.js')
          </script>
</head>
<body>
</body>
</html>

SEO and edge animate

Hey there adobe forum
I would like to know, how the best way of implementing edge animate to your html files for seo.
as for now, I just publish on the adobe cdn and as static html.
it looks like this as for now:
<script src="edgefile.edgePreload"></script>
<html>
<body>
<div id="stage1(we have around 4 compositions) class="edge_menu"></div>
<body>
<html>
But? Should I put the whole html output from the static file adobe genereates in my html file?
Hope this makes sense hehe.
Mikkel Madsen

HTML file:
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <title>footer</title>

    <script type="text/javascript" charset="utf-8" src="footer_edgePreload.js"></script>
    <style>
        .edgeLoad-footer { visibility:hidden; }
    </style>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="footer">
          </div>
</body>
</html>
footer_edge.js
* Adobe Edge: symbol definitions
(function($, Edge, compId){
//images folder
var im='images/';
var fonts = {};    fonts['doppio-one, sans-serif']='<script src=\"http://use.edgefonts.net/doppio-one:n4:all.js\"></script>';
    fonts['Oxygen, sans-serif']='<link href=\'http://fonts.googleapis.com/css?family=Oxygen\' rel=\'stylesheet\' type=\'text/css\'>';
var opts = {};
var resources = [
var symbols = {
"stage": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                id: 'Text2',
                type: 'text',
                rect: ['96px', '165px','326px','99px','auto', 'auto'],
                text: "CRAFTHOUSE I/S",
                align: "left",
                font: ['doppio-one, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
                id: 'Text2Copy',
                type: 'text',
                rect: ['96px', '165px','326px','99px','auto', 'auto'],
                text: "Kontakt",
                align: "left",
                font: ['doppio-one, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
                id: 'Text2Copy2',
                type: 'text',
                rect: ['96px', '165px','326px','99px','auto', 'auto'],
                text: "Hold dig updateret her",
                align: "left",
                font: ['doppio-one, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
                id: 'Text3',
                type: 'text',
                rect: ['0px', '148px','196px','19px','auto', 'auto'],
                text: "Udviklet af",
                align: "left",
                font: ['Oxygen, sans-serif', 12, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4',
                type: 'text',
                rect: ['1px', '214px','227px','19px','auto', 'auto'],
                text: "Mjøsensgade 14, 1.sal tv",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy',
                type: 'text',
                rect: ['1px', '250px','227px','19px','auto', 'auto'],
                text: "2300 København S",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy2',
                type: 'text',
                rect: ['1px', '286px','227px','19px','auto', 'auto'],
                text: "Danmark",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy9',
                type: 'text',
                rect: ['409px', '287px','227px','19px','auto', 'auto'],
                text: "CVR-nr: 35128638 ",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'homepage',
                type: 'rect',
                rect: ['1', '323','auto','auto','auto', 'auto'],
                cursor: ['pointer']
                id: 'Text4Copy7',
                type: 'text',
                rect: ['443px', '214px','109px','19px','auto', 'auto'],
                text: "+45 60 24 75 98",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy6',
                type: 'text',
                rect: ['443px', '249px','131px','19px','auto', 'auto'],
                text: "[email protected]",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "normal", "none", "normal"]
                id: 'Text4Copy4',
                type: 'text',
                rect: ['409px', '323px','227px','19px','auto', 'auto'],
                text: "© Crafthouse I/S 2013",
                align: "left",
                font: ['Oxygen, sans-serif', 14, "rgba(255,255,255,1.00)", "900", "none", "normal"]
                id: 'phone_logo',
                type: 'image',
                rect: ['409px', '213px','20px','20px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"phone_logo.png",'0px','0px']
                id: 'mail_ikon',
                type: 'image',
                rect: ['409px', '248px','20px','20px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"mail_ikon.png",'0px','0px']
                id: 'logo',
                type: 'rect',
                rect: ['1', '35','auto','auto','auto', 'auto'],
                cursor: ['pointer']
                id: 'Rectangle3',
                type: 'rect',
                rect: ['1px', '241px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy',
                type: 'rect',
                rect: ['1px', '277px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy2',
                type: 'rect',
                rect: ['1px', '314px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy5',
                type: 'rect',
                rect: ['409px', '241px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy4',
                type: 'rect',
                rect: ['409px', '277px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle3Copy3',
                type: 'rect',
                rect: ['409px', '314px','166px','1px','auto', 'auto'],
                fill: ["rgba(102,102,102,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle4',
                type: 'rect',
                rect: ['437px', '214px','1px','15px','auto', 'auto'],
                fill: ["rgba(71,71,71,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'Rectangle4Copy',
                type: 'rect',
                rect: ['437px', '250px','1px','15px','auto', 'auto'],
                fill: ["rgba(71,71,71,1.00)"],
                stroke: [0,"rgb(0, 0, 0)","none"]
                id: 'facebook_ikon_hover2',
                type: 'image',
                rect: ['785px', '212px','43px','43px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(0,0,0,0)",im+"facebook_ikon_hover.png",'0px','0px']
                id: 'googleplus_ikon_hover',
                type: 'image',
                rect: ['851px', '212px','43px','43px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(0,0,0,0)",im+"googleplus_ikon_hover.png",'0px','0px']
                id: 'footer_blog_icon',
                type: 'image',
                rect: ['917px', '212px','43px','43px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(0,0,0,0)",im+"footer_blog_icon.png",'0px','0px']
            symbolInstances: [
                id: 'logo',
                symbolName: 'logo',
                autoPlay: {
                id: 'homepage',
                symbolName: 'homepage',
                autoPlay: {
    states: {
        "Base State": {
            "${_Text4Copy6}": [
                ["style", "top", '249px'],
                ["style", "width", '131px'],
                ["style", "height", '19px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '443px'],
                ["style", "font-size", '14px']
            "${_Text2Copy}": [
                ["style", "top", '163px'],
                ["style", "width", '186px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "height", '31px'],
                ["style", "font-family", 'doppio-one, sans-serif'],
                ["style", "left", '409px'],
                ["style", "font-size", '16px']
            "${_googleplus_ikon_hover}": [
                ["style", "top", '212px'],
                ["style", "left", '851px'],
                ["style", "cursor", 'pointer']
            "${_Rectangle3Copy2}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)'],
                ["style", "top", '314px']
            "${_Text2}": [
                ["style", "top", '163px'],
                ["style", "font-size", '16px'],
                ["style", "height", '31px'],
                ["style", "font-family", 'doppio-one, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "left", '0px'],
                ["style", "width", '186px']
            "${_Text2Copy2}": [
                ["style", "top", '163px'],
                ["style", "font-size", '16px'],
                ["style", "height", '29px'],
                ["style", "font-family", 'doppio-one, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "left", '785px'],
                ["style", "width", '175px']
            "${_Rectangle4Copy}": [
                ["style", "top", '250px'],
                ["style", "height", '15px'],
                ["color", "background-color", 'rgba(71,71,71,1.00)'],
                ["style", "left", '437px'],
                ["style", "width", '1px']
            "${_Text4Copy}": [
                ["style", "top", '250px'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-size", '14px']
            "${_Rectangle3Copy4}": [
                ["style", "top", '277px'],
                ["style", "left", '409px'],
                ["color", "background-color", 'rgba(102,102,102,1.00)']
            "${_Rectangle4}": [
                ["color", "background-color", 'rgba(71,71,71,1.00)'],
                ["style", "height", '15px'],
                ["style", "top", '214px'],
                ["style", "left", '437px'],
                ["style", "width", '1px']
            "${_Text4}": [
                ["style", "top", '214px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '1px'],
                ["style", "font-size", '14px']
            "${_Text3}": [
                ["style", "top", '148px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '0px'],
                ["style", "font-size", '12px']
            "${_logo}": [
                ["style", "top", '47px'],
                ["style", "left", '0px'],
                ["style", "cursor", 'pointer'],
                ["transform", "scaleX", '1.0144']
            "${_Text4Copy9}": [
                ["style", "top", '287px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '409px'],
                ["style", "font-size", '14px']
            "${_phone_logo}": [
                ["style", "left", '409px'],
                ["style", "top", '213px']
            "${_Rectangle3Copy3}": [
                ["style", "top", '314px'],
                ["style", "left", '409px'],
                ["color", "background-color", 'rgba(102,102,102,1.00)']
            "${_facebook_ikon_hover2}": [
                ["style", "top", '212px'],
                ["style", "left", '785px'],
                ["style", "cursor", 'pointer']
            "${_footer_blog_icon}": [
                ["style", "top", '212px'],
                ["style", "left", '917px'],
                ["style", "cursor", 'pointer']
            "${_Rectangle3Copy5}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)'],
                ["style", "left", '409px'],
                ["style", "top", '241px']
            "${_Rectangle3}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)']
            "${_Rectangle3Copy}": [
                ["color", "background-color", 'rgba(102,102,102,1.00)'],
                ["style", "top", '277px']
            "${_Text4Copy4}": [
                ["style", "top", '323px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "height", '19px'],
                ["style", "font-weight", '900'],
                ["style", "left", '409px'],
                ["style", "font-size", '14px']
            "${_homepage}": [
                ["style", "cursor", 'pointer']
            "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,0.00)'],
                ["style", "width", '960px'],
                ["style", "height", '400px'],
                ["style", "overflow", 'hidden']
            "${_Text4Copy2}": [
                ["style", "top", '286px'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-size", '14px']
            "${_Text4Copy7}": [
                ["style", "top", '214px'],
                ["style", "width", '109px'],
                ["style", "height", '19px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '443px'],
                ["style", "font-size", '14px']
            "${_mail_ikon}": [
                ["style", "left", '409px'],
                ["style", "top", '248px']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
                { id: "eid11", tween: [ "style", "${_Text2Copy}", "height", '31px', { fromValue: '31px'}], position: 0, duration: 0 },
                { id: "eid5", tween: [ "style", "${_Text2}", "height", '31px', { fromValue: '31px'}], position: 0, duration: 0 },
                { id: "eid42", tween: [ "style", "${_logo}", "top", '47px', { fromValue: '47px'}], position: 0, duration: 0 },
                { id: "eid6", tween: [ "style", "${_Text2}", "font-size", '16px', { fromValue: '16px'}], position: 0, duration: 0 },
                { id: "eid50", tween: [ "transform", "${_logo}", "scaleX", '1.0144', { fromValue: '1.0144'}], position: 0, duration: 0 },
                { id: "eid38", tween: [ "style", "${_Text2}", "top", '163px', { fromValue: '163px'}], position: 0, duration: 0 },
                { id: "eid66", tween: [ "style", "${_Text2Copy2}", "width", '175px', { fromValue: '175px'}], position: 0, duration: 0 },
                { id: "eid9", tween: [ "style", "${_Text2Copy}", "font-size", '16px', { fromValue: '16px'}], position: 0, duration: 0 },
                { id: "eid72", tween: [ "style", "${_Text2Copy2}", "top", '163px', { fromValue: '163px'}], position: 0, duration: 0 },
                { id: "eid51", tween: [ "style", "${_logo}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid67", tween: [ "style", "${_Text2Copy2}", "left", '785px', { fromValue: '785px'}], position: 0, duration: 0 },
                { id: "eid2", tween: [ "style", "${_Text2}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid20", tween: [ "style", "${_Text2Copy2}", "font-size", '16px', { fromValue: '16px'}], position: 0, duration: 0 },
                { id: "eid54", tween: [ "gradient", "${_Stage}", "background-image", [270,[['rgba(255,255,255,0.00)',0],['rgba(255,255,255,0.00)',100]]], { fromValue: [270,[['rgba(255,255,255,0.00)',0],['rgba(255,255,255,0.00)',100]]]}], position: 0, duration: 0 },
                { id: "eid64", tween: [ "style", "${_Text2Copy}", "top", '163px', { fromValue: '163px'}], position: 0, duration: 0 },
                { id: "eid13", tween: [ "style", "${_Text2Copy}", "width", '186px', { fromValue: '186px'}], position: 0, duration: 0 },
                { id: "eid55", tween: [ "color", "${_Stage}", "background-color", 'rgba(255,255,255,0.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,0.00)'}], position: 0, duration: 0 },
                { id: "eid22", tween: [ "color", "${_Text2Copy2}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
                { id: "eid18", tween: [ "color", "${_Text2}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
                { id: "eid62", tween: [ "style", "${_Text2Copy}", "left", '409px', { fromValue: '409px'}], position: 0, duration: 0 },
                { id: "eid17", tween: [ "color", "${_Text2Copy}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
                { id: "eid40", tween: [ "style", "${_Text2Copy2}", "height", '29px', { fromValue: '29px'}], position: 0, duration: 0 },
                { id: "eid4", tween: [ "style", "${_Text2}", "width", '186px', { fromValue: '186px'}], position: 0, duration: 0 }            ]
"logo": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                    id: 'logo_footer',
                    type: 'image',
                    rect: ['0px', '0px', '200px', '80px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/logo_footer.png', '0px', '0px']
                    id: 'logo_footer_hover',
                    type: 'image',
                    rect: ['0', '0', '200px', '80px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/logo_footer_hover.png', '0px', '0px']
                    rect: ['0px', '1px', '200px', '80px', 'auto', 'auto'],
                    id: 'wrapper',
                    stroke: [0, 'rgb(0, 0, 0)', 'none'],
                    type: 'rect',
                    fill: ['rgba(192,192,192,1)']
            symbolInstances: [
    states: {
        "Base State": {
            "${_wrapper}": [
                ["style", "opacity", '0']
            "${_logo_footer_hover}": [
                ["style", "opacity", '0']
            "${_logo_footer}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            "${symbolSelector}": [
                ["style", "height", '80px'],
                ["style", "width", '200px']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 500,
            autoPlay: false,
            timeline: [
                { id: "eid16", tween: [ "style", "${_logo_footer_hover}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 500 }            ]
"homepage": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                    rect: ['0px', '0px', '138px', '19px', 'auto', 'auto'],
                    font: ['Oxygen, sans-serif', 14, 'rgba(255,255,255,1.00)', '900', 'none', 'normal'],
                    id: 'Text4Copy3',
                    text: 'www.crafthouse.dk',
                    align: 'left',
                    type: 'text'
            symbolInstances: [
    states: {
        "Base State": {
            "${_Text4Copy3}": [
                ["style", "top", '0px'],
                ["style", "font-size", '14px'],
                ["color", "color", 'rgba(255,255,255,1)'],
                ["style", "font-weight", '900'],
                ["style", "height", '19px'],
                ["style", "font-family", 'Oxygen, sans-serif'],
                ["style", "left", '0px'],
                ["style", "width", '138px']
            "${symbolSelector}": [
                ["style", "height", '19px'],
                ["style", "width", '138px']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 500,
            autoPlay: false,
            timeline: [
                { id: "eid45", tween: [ "color", "${_Text4Copy3}", "color", 'rgba(87,182,221,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1)'}], position: 0, duration: 500 }            ]
Edge.registerCompositionDefn(compId, symbols, fonts, resources, opts);
* Adobe Edge DOM Ready Event Handler
$(window).ready(function() {
     Edge.launchComposition(compId);
})(jQuery, AdobeEdge, "footer");
footer_EdgeActions.js
* Adobe Edge Animate Composition Actions
* Edit this file with caution, being careful to preserve
* function signatures and comments starting with 'Edge' to maintain the
* ability to interact with these actions from within Adobe Edge Animate
(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // aliases for commonly used Edge classes
   //Edge symbol: 'stage'
   (function(symbolName) {
      Symbol.bindElementAction(compId, symbolName, "${_facebook_ikon_hover2}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("https://www.facebook.com/pages/Mysoleshop/553274264767573?fref=ts", "_blank");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_googleplus_ikon_hover}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("https://plus.google.com/117807343087553474293/posts", "_blank");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_homepage}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.crafthouse.dk", "_blank");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_footer_blog_icon}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.mysoleshopblog.dk", "_blank");
      //Edge binding end
   })("stage");
   //Edge symbol end:'stage'
   //=========================================================
   //Edge symbol: 'logo'
   (function(symbolName) {
      Symbol.bindElementAction(compId, symbolName, "${_wrapper}", "click", function(sym, e) {
         // insert code for mouse click here
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.mysoleshop.dk", "_top");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_wrapper}", "mouseover", function(sym, e) {
         // insert code to be run when the mouse hovers over the object
         sym.play();
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_wrapper}", "mouseout", function(sym, e) {
         // insert code to be run when the mouse is moved off the object
         sym.playReverse();
      //Edge binding end
   })("logo");
   //Edge symbol end:'logo'
   //=========================================================
   //Edge symbol: 'homepage'
   (function(symbolName) {
      Symbol.bindElementAction(compId, symbolName, "${_Text4Copy3}", "mouseover", function(sym, e) {
         sym.play();
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_Text4Copy3}", "mouseout", function(sym, e) {
         sym.playReverse();
      //Edge binding end
   })("homepage");
   //Edge symbol end:'homepage'
})(jQuery, AdobeEdge, "footer");
edge_edgePreload.js
* Adobe Edge Preloader
* Do Not Edit this file
window.AdobeEdge = window.AdobeEdge || {};
// Include yepnope
if(!AdobeEdge.yepnope) {
/*yepnope1.5.x|WTFPL*/
(function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1) },0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img "!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y [c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l. onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.in sertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h ()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p= [],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script" :u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f =0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e :e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url] ?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop() .split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(), e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}v ar h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i) ,i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);els e Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a )},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.ad dEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A, 0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs= function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.read yState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k. onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for( j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}})(this,document);Ado beEdge.yepnope = window.yepnope;
// end yepnope
(function(compId){
   var htFallbacks;
var testEle=document.createElement("div");function isSupported(a){var d=testEle.style,b;for(i=0;i<a.length;i++)if(b=a[i],void 0!==d[b])return!0;return!1}function supportsRGBA(){testEle.cssText="background-color:rgba(150,255,150,.5)";return 0==(""+testEle.style.backgroundColor).indexOf("rgba")?!0:!1}
var hasTransform=isSupported(["transformProperty","WebkitTransform","MozTransform","OTransfor m","msTransform"]),hasSVG=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,hasRGBA=supportsRGBA(),hasJSON=window.JSON&&window.JSON.parse&&wind ow.JSON.stringify,readyToPlay=!1;function safeColor(a){a=""+a;if(!hasRGBA&&0==a.indexOf("rgba")){var d=a.lastIndexOf(",");0<d&&(a="rgb("+a.substring(5,d)+")")}return a}
AdobeEdge._preloaders=AdobeEdge._preloaders||[];AdobeEdge._preloaders.push(function(){file sToLoad&&(loadResources(filesToLoad),filesToLoad=void 0)});function doLoadResources(){for(var a=0;a<AdobeEdge._preloaders.length;a++)AdobeEdge._preloaders[a]()}AdobeEdge._readyplayers =AdobeEdge._readyplayers||[];AdobeEdge._readyplayers.push(function(){readyToPlay&&AdobeEdg e.okToLaunchComposition(compId)});
function playWhenReady(){AdobeEdge._playWhenReady=!0;for(var a=0;a<AdobeEdge._readyplayers.length;a++)AdobeEdge._readyplayers[a]()}function edgeCallback(a,d,b){htFallbacks[a]&&(a=htFallbacks[a]);AdobeEdge.preload.got[a]=!0;a==Ado beEdge.preload.last&&(!AdobeEdge.bootstrapLoading||AdobeEdge._playWhenReady?AdobeEdge.okTo LaunchComposition(compId):readyToPlay=!0,AdobeEdge.preload.busy=!1,0<AdobeEdge.preload.q.l ength&&(a=AdobeEdge.preload.q.pop(),AdobeEdge.requestResources(a.files,a.callback)))}
AdobeEdge.requestResources=AdobeEdge.requestResources||function(a,d){AdobeEdge.yepnope.err orTimeout=4E3;AdobeEdge.preload.busy=!0;AdobeEdge.preload.got=AdobeEdge.preload.got||{};va r b,k=a.length,f=[],c;for(b=0;b<k;b++){c=a[b];if("string"===typeof c)0===c.indexOf("//")&&0===window.location.href.indexOf("file://")&&(c="http:"+c),url=c,c ={load:url};else if(c.load&&0===c.load.indexOf("//")&&0===window.location.href.indexOf("file://")&&(c.load ="http:"+c.load),url=c.yep||c.load,c.callback){var g=c.callback;
c.callback=function(a,b,c){g(a,b,c)&&d(a,b,c)}}c.callback||(c.callback=d);AdobeEdge.preloa d.got[url]||(f.push(c),AdobeEdge.preload.last=url)}f.length&&AdobeEdge.yepnope(f)};var filesToLoad,dlContent,preContent,doDelayLoad,signaledLoading,loadingEvt,requiresSVG,htLoo kup={},aLoader,aEffectors,plSTF,ctrPlS,minPlW,maxPlW,plHeight,plWidth;
function loadResources(a,d){AdobeEdge.preload=AdobeEdge.preload||[];AdobeEdge.preload.q=AdobeEdge. preload.q||[];d||!isCapable()?filesToLoad=a:AdobeEdge.preload.busy?AdobeEdge.preload.q.pus h({files:a,callback:edgeCallback}):AdobeEdge.requestResources(a,edgeCallback)}function splitUnits(a){var d={};d.num=parseFloat(a);"string"==typeof a&&(d.units=a.match(/[a-zA-Z%]+$/));d.units&&"object"==typeof d.units&&(d.units=d.units[0]);return d}
function defaultUnits(a){var d=a;"auto"!==a&&((a=splitUnits(a))&&a.units||(d+="px"));return d}function findNWC(a,d){if(-1!=String(a.className).indexOf(d))return a;for(var b=a.childNodes,k=0;k<b.length;k++){var f=findNWC(b[k],d);if(!1!=f)return f}return!1}function parent(a){return a.parentElement}function offset(a){a=a.getBoundingClientRect();return{left:a.left+window.pageXOffset,top:a.top+win dow.pageYOffset}}function width(a){return a.offsetWidth}function height(a){return a.offsetHeight}
function isWrapped(a){return/center-wrapper/.test(parent(a).className)}function wrapForStageScaling(a){if(!isWrapped(a)){var d=document.createElement("div"),b=document.createElement("div");d.className="flow-wrapper ";b.className="center-wrapper";d.style.width="1px";d.appendChild(b);parent(a).insertBefore (d,a);b.appendChild(a)}}
function bindPSS(a,d){if(!isWrapped(a)){var b=function(){var b=isWrapped(a),f=b?parent(parent(parent(a))):parent(a),c=width(f),g=height(f),h=width(a), n=height(a),m=window.innerHeight,e=1,l=a.style;(f="body"===f.nodeName.toLowerCase())&&(g=m );c=Math.round(c);g=Math.round(g);c/=h;g/=n;"both"===d?e=Math.min(c,g):"height"===d?e=g:"w idth"===d&&(e=c);void 0!==maxPlW&&(e=Math.min(e,parseInt(maxPlW,10)/h));void 0!==minPlW&&(e=Math.max(e,parseInt(minPlW,10)/h));g="scale("+e+")";l.transformOrigin="0 0";l.oTransformOrigin=
"0 0";l.msTransformOrigin="0 0";l.webkitTransformOrigin="0 0";l.mozTransformOrigin="0 0";l.oTransformOrigin="0 0";l.transform=g;l.oTransform=g;l.msTransform=g;l.webkitTransform=g;l.mozTransform=g;l.oT ransform=g;if(!f||b)parent(a).style.height=Math.round(n*e)+"px",parent(a).style.width=Math .round(h*e)+"px";b&&(b=parent(parent(a)),b.style.height=Math.round(n*e+offset(a).top-offse t(b).top))};wrapForStageScaling(a);window.addEventListener("resize",function(){b()});b()}}
function centerThePreloadStage(a,d){isWrapped(a)&&(a=parent(a));var b=a.style;/^both$|^horizontal$/.test(d)&&(b.position="absolute",b.marginLeft="auto",b.mar ginRight="auto",b.left="0",b.right="0");/^both$|^vertical$/.test(d)&&(b.position="absolute ",b.marginTop="auto",b.marginBottom="auto",b.top="0",b.bottom="0")}
function simpleContent(a,d,b){var k=document.getElementsByTagName("body")[0],f=b||findNWC(k,compId),c,g,h;f?"absolute"!=f.s tyle.position&&"relative"!=f.style.position&&(f.style.position="relative"):f=k;plHeight&&( f.style.height=plHeight);plWidth&&(f.style.width=plWidth);/^height$|^width$|^both$/.test(p lSTF)&&d&&!b&&bindPSS(f,plSTF);/^vertical$|^horizontal$|^both$/.test(ctrPlS)&&d&&!b&&cente rThePreloadStage(f,ctrPlS);for(var n=0;n<a.length;n++){b=a[n];"image"===b.type?(k=document.createElement("img"),
k.src=b.fill[1]):k=document.createElement("div");k.id=b.id;h=k.style;if("text"==b.type){if (c=b.font)c[0]&&""!==c[0]&&(h.fontFamily=c[0]),"object"!=typeof c[1]&&(c[1]=[c[1]]),c[1][1]||(c[1][1]="px"),c[1][0]&&""!==c[1][0]&&(h.fontSize=c[1][0]+c[ 1][1]),c[2]&&""!==c[2]&&(h.color=safeColor(c[2])),c[3]&&""!==c[3]&&(h.fontWeight=c[3]),c[4 ]&&""!==c[4]&&(h.textDecoration=b.font[4]),c[5]&&""!==c[5]&&(h.fontStyle=b.font[5]);b.alig n&&"auto"!=b.align&&(h.textAlign=b.align);b.position&&(h.position=b.position);
(!b.rect[2]||0>=b.rect[2])&&(!b.rect[3]||0>=b.rect[3])&&(h.whiteSpace="nowrap");k.innerHTM L=b.text}d&&(k.className=d);h.position="absolute";c=b.rect[0];g=b.rect[1];if(b.transform&& b.transform[0]){var m=b.transform[0][0],e=splitUnits(m);if(e&&e.units&&(m=e.num,"%"==e.units&&b.rect[2])){var e=b.rect[2],l=splitUnits(b.rect[2]);l&&l.units&&(e=l.num,"%"==l.units&&(e=e/100*f.offsetW idth));m=m/100*e;0<f.offsetWidth&&(m=m/f.offsetWidth*100)}if(e=splitUnits(c))c=e.num;c+=m; e.units||(e.units="px");c+=e.units;
if(1<b.transform[0].length){m=b.transform[0][1];(e=splitUnits(m))&&e.units&&(m=e.num,"%"== e.units&&b.rect[3]&&(e=b.rect[3],(l=splitUnits(b.rect[3]))&&l.units&&(e=l.num,"%"==l.units &&(e=e/100*f.offsetHeight)),m=m/100*e,0<f.offsetHeight&&(m=m/f.offsetHeight*100)));if(e=sp litUnits(g))g=e.num;g+=m;e.units||(e.units="px");g+=e.units}}h.left=defaultUnits(c);h.top= defaultUnits(g);h.width=defaultUnits(b.rect[2]);h.height=defaultUnits(b.rect[3]);b.linkURL &&(htLookup[k.id]=b,k.onclick=function(){var a=htLookup[this.id];
a.linkTarget?window.open(a.linkURL,a.linkTarget):window.location.href=a.linkURL},h.cursor= "pointer");f.appendChild(k);if(b.c)for(h=0;h<b.c.length;h++)simpleContent(b.c[h],d,k)}}var fnCycle=function(a){a?fnCycle&&setTimeout(fnCycle,20):a={event:"loading",progress:0};load ingEvt&&loadingEvt(a)},aBootcompsLoaded=[];window.AdobeEdge.bootstrapListeners||(window.Ad obeEdge.bootstrapListeners=[]);
window.AdobeEdge.bootstrapCallback=function(a){window.AdobeEdge.bootstrapListeners.push(a) ;if(0<aBootcompsLoaded.length)for(var d=0;d<aBootcompsLoaded.length;d++)a(aBootcompsLoaded[d])};window.AdobeEdge.preloadComplet e||(window.AdobeEdge.preloadComplete={});
window.AdobeEdge.preloadComplete[compId]=function(a){AdobeEdge.$_(".edgePreload"+a).css("d isplay","none");fnCycle=null;loadingEvt&&loadingEvt({event:"done",progress:1,reason:"compl ete"});aBootcompsLoaded.push(a);for(var d=window.AdobeEdge.bootstrapListeners.length,b=0;b<d;b++)try{window.AdobeEdge.bootstrapLi steners[b](a)}catch(k){console.log("bootstrap error "+k)}};function isCapable(){return hasTransform?requiresSVG&&!hasSVG?!1:!0:!1}
function onDocLoaded(a){window.AdobeEdge.loaded=!0;fnCycle({event:"begin"});isCapable()?(preConten t&&preContent.dom&&preContent.dom.length&&simpleContent(preContent.dom,"edgePreload"+compI d),filesToLoad&&!signaledLoading&&(loadResources(filesToLoad),filesToLoad=void 0)):dlContent&&dlContent.dom&&(loadingEvt&&loadingEvt({event:"done",progress:1,reason:"do wnlevel"}),simpleContent(dlContent.dom))};
window.AdobeEdge = window.AdobeEdge || {};
window.AdobeEdge.framework = 'jquery';
if(document.addEventListener ){
   window.addEventListener("load", onDocLoaded, false);
} else if ( document.attachEvent ) {
   window.attachEvent("onload", onDocLoaded );
   requiresSVG=false;
   doDelayLoad=false;
   htFallbacks={
   aLoader = [
      { load: "edge_includes/jquery-2.0.3.min.js"},
      { load: "edge_includes/edge.3.0.0.min.js"},
      { load: "footer_edge.js"},
      { load: "footer_edgeActions.js"}];
if (AdobeEdge.bootstrapLoading) { signaledLoading = true; AdobeEdge.loadResources=doLoadResources; AdobeEdge.playWhenReady=playWhenReady; }
loadResources(aLoader, doDelayLoad);
var plSTF="none",ctrPlS="none",minPlW="0",maxPlW=undefined,plWidth="960px",plHeight="400px";
preContent={
    dom: [
        id: 'loader-bar',
        type: 'image',
        tag: 'img',
        rect: ['370px', '191px','220px','19px','auto', 'auto'],
        fill: ["rgba(0,0,0,0)",'images/loader-bar.gif','0px','0px']
    }]};//simpleContent
dlContent={dom: [ ]};//simpleContent
})( "footer");

Custom Font in Edge Animate wird nicht in DPS angezeigt

Hallo zusammen,
ich habe ein Problem.
Für einen Kunden sollen einige Textbereiche innerhalb eines iPad Magazins animiert werden.
Da das ja schon nicht mit InDesign selbst geht muss ich nun auf Edge Animate umsteigen.
Hier habe ich jedoch das Problem, dass ich eine Kundenspezifische Schrift benutzen muss.
Die Einbindung der Schrift innerhalb von Edge funktioniert so halbwegs.
Jedoch wird sie beim exportieren auf das iPad nicht angezeigt.
Hier wird hingegen eine alternative Schrift gezeigt.
Jemand eine Idee?

When you use Adobe Edge Web fonts, the browser has to download the font before applying to the text. During the time of download, the text will be styled using the fallback font. The causes the switch.
You can try this approach of preloading the script to avoid this effect.
1. Create new file in EA
2. Create a text element and apply a font ..say 'Acme'
3. Save the file as test.htm
4. Go to the saved folder
5. Look for a file name test_edge.js
6. Open the file using any text editor ( say notepad)
7, You will see a line like 'acme, sans-serif': '<script src=\"http://use.edgefonts.net/acme:n4:all.js\"></script>' },
8. Publish your file
8. Using this line as reference, Add the following to your publish/web/test.html

<script src="http://use.edgefonts.net/acme:n4:all.js"></script>
</head>

How do I use Edge Animate to make a clickable image which can be used in Author, and which will redirect you to a different page in your ebook?

If anyone has experience with Edge Animate, I know that I can make an image clickable, and I can insert a url to define where it will go once clicked. But I want to make a widget to use in iBooks Author, that can take the reader to a certain page of the book. Is this possible?
It all seems very complicated. Make one thing in Edge Animate, then somehow have that reference something in Author, which will finally work in an ebook. I have no clue where to begin.

Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
Let me know if you have any luck.
//Check to see if pageCounter already exists
if (typeof EC.pageCounter === 'undefined') {
// it doesn't exist so initialize it to first page
EC.pageCounter = 2;
//check if the page is only 1 digit -- patch for single digit
if (EC.pageCounter < 9) {
// it is, so we need to pad a 0 on the front.
EC.pageCounterString = "0" + EC.pageCounter;
//e.g. 01 ...09,11,12,13....115,222352,,....
else {
EC.pageCounterString = EC.pageCounter;
EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
EC.pageCounter = EC.pageCounter + 1;
//TODO for back -1

How do I include 'Edge Web Fonts' into Edge Animate?

How do I include 'Edge Web Fonts' (not Google Web Fonts) into Edge Animate?

Have you tried to use google fonts? I have used them and they work for me.
When you add your font for example:
Copy paste:
<link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
and then for font family.
'Finger Paint', cursive;
then select addfont on the addfont screen

Preloader (Edge Animate)

Similar Messages

Maybe you are looking for