Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all 9897 articles
Browse latest View live
↧

custom scrollbar stops working in EdgeCC

July 18, 2014, 2:25 pm
$
0
0

I have found an interesting problem where a call to mCustomScrollbar (V2.8) in EdgeCC only works once.

It is worth noting that this problem did *not* occur in prior versions of Edge.

 

The following code will work the first time it is executed in EdgeCC (i.e the scrollbar appears and works fine),

but the next time the timeline returns to run this code again, the html is displayed (as static text), but *without* the scrollbar.

 

Any ideas what changed in either EdgeCC, or mCustomScrollbar (V2.8) ?  

Thanks

 

sym.$("Contents").html("<p>Page1 Dolor sit amet risus quis, etc...</p>");

 

sym.$("Contents").mCustomScrollbar({

     autoDraggerLength:true,

     scrollInertia:800,

     mouseWheel:{

           enable: true,

          scrollAmount: 60

     }

});

 

==== Just for the record, these are the js files loaded on the Stage =====

yepnope({nope:[ 'css/jquery.mCustomScrollbar_v2.8.css',

                     'js/jquery.mCustomScrollbar.concat.min_v3.1.11.js',

                     'js/jquery.mCustomScrollbar_v2.8.7.js',

                     'js/jquery-1.9.1.min.js',

                    ],complete: init});

function init (){

↧
Search

left click 360 view, right click lens

August 30, 2014, 6:42 am
$
0
0

Hello again,

 

I have the following project:

 

Dropbox - Projekt - Kopie.rar

 

I use two plugins, one for 360° view (reel.js), the other one for the lens effect(elevate.zoom).

Left mouse-click should rotate the image, right mouse-click should zoom it.

The 360° view works, when I click the left mouse-button, I can rotate the image. But I have some troubles with the lens effect, when I click the right mouse-button, because this plugin (elevate) uses mousemove event instead of mousedown/mouseup.

Can someone help me to change it?

 

Thank you very very much!

↧
↧

Making Edge content work in Internet Explorer - Still looking for the easy fix!

August 30, 2014, 11:53 am
$
0
0

I know this subject has been kicked around a lot. I've done a lot of on-line research on the matter and came across claims of easy fixes using .js files.

But none of them are working for me!

Is there truly a good (and simple) way to make my HTML5 (Edge) content work in Internet Explorer?

 

Here is a link to my current project

Beach Bunny Cottage

 

The foreground is the Edge content. The slide show background is not. It is .js file running a background slide show.

Thanks!!

John O.

↧

Anyone have any luck with importing animated vector content?

August 30, 2014, 11:52 am
$
0
0

I have spent quite a while trying to develop a pipeline from CG animation through to Edge Animate and ending up with vector content. I thought this was what Edge was all about?

 

the way I see it at the moment is that whatever one imports, the only option is to make sequential Canvas files, (bitmaps). This rather defeats the object. I have tried going through Flash V9 as SWF but always hit the same bottleneck.

 

Any thoughts/news anyone?

↧

Audio only plays once on rollover after imported into muse.

August 31, 2014, 10:09 am
$
0
0

Hey guys I made a little button which pops up when you roll over it and a beep plays, it works in the edge preview but when imported into muse and previewed it only plays the audio once.... the animation repeats but the sound doesn't. The sound is part of the button symbol timeline. and it is set to play.

 

My actions are on the main stage, on roll over play 'about_button'

 

Thanks for any help with this it's driving me mad....

↧
↧

How can I get Symbol mouseover, mouseout, curser to work on my project?

August 31, 2014, 11:45 am
$
0
0

I am able to make a symbol of a box and text grouped together work on a blank stage. But when I make the same construction on my project the curser does not show and mouse operations such as mouseover/mouseout does not work. I am using a symbol rather than a simple element so that I can develop animation i9n the isolation mode. What am I doing wrong? Help!

↧

How can i change a image symbol's content as another image by JSAPI?

August 30, 2014, 4:09 am
$
0
0

Here's some code from symbol file "xxx_edge.js"，An background image symbol is ‘sym_img_background’，I want to write a js function to change sym_img_background's content as 'images/changed.jpg'，How to make it?

 

code.png

 

Thanks!

↧

Custom Publish Target (or plugin)

August 31, 2014, 9:00 pm
$
0
0

Is it possible to somehow create a custom "Publish Target"? I want to deploy directly to another web application and possibly integrate with OAuth2 for authentication. Also, is it possible to write plugins for Adobe Edge Animate?

↧
Search

Script on this page may be busy...

August 30, 2014, 8:06 pm
$
0
0

Hi all,

 

I've started using Edge Animate with a class of mine and have seen an error in one student's project where got the error:

"A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete...."
followed by

Script file path\edge_includes\edge.4.0.1.min.js:172

 

I tried removing scripts, replacing the edge.4.0.1.min.js file with a clean one - did not fix the problem. Only way I could resolve it was to copy and paste all the content to a new clean file. Side note - copy and paste wasn't all that simple.


This is on Windows, using Firefox. Chrome doesn't even load anything.

 

 

Any thoughts on this and ways to resolve other than what I have done?

 

Thanks.

 

Dean

↧
↧

using transform scale affects elements top and left values

September 1, 2014, 12:20 am
$
0
0

I have a grouped set of elements"Elvekraftverk" that I want to increase from 25-30% on mouseover and down to 25% again on mouseout.

 

Using this piece of code:

 

mouseover

//skaler elvekraftverk opp til 30%

$(sym.lookupSelector("Elvekraftverk")).css({

     "transform":"scaleX(0.3) scaleY(0.3)",

     "-ms-transform":"scaleX(0.3) scaleY(0.3)", /* IE 9 & 10 */

     "-moz-transform":"scaleX(0.3) scaleY(0.3)", /* Firefox */

     "-webkit-transform":"scaleX(0.3) scaleY(0.3)", /* Safari and Chrome */

     "-o-transform":"scaleX(0.3) scaleY(0.3)" /* Opera */

});

 

mouseout

//skaler elvekraftverk tilbake til 25%

$(sym.lookupSelector("Elvekraftverk")).css({

     "transform":"scaleX(0.25) scaleY(0.25)",     

     "-ms-transform":"scaleX(0.25) scaleY(0.25)", /* IE 9 & 10 */

     "-moz-transform":"scaleX(0.25) scaleY(0.25)", /* Firefox */

     "-webkit-transform":"scaleX(0.25) scaleY(0.25)", /* Safari and Chrome */

     "-o-transform":"scaleX(0.25) scaleY(0.25)" /* Opera */

});

 

and it does work, but with an unwanted addition, it also moves the grouped elements to the center of my stage...

 

I played around a bit and I think I know why it happens, the group will later on be scaled to 100% (onclick) and repositioned to fill the stage. When in 25-30% it it positioned of to the left of the stage.

 

How can I make it "stay put" when using transform to scale it ?

↧

Play a symbol on scroll position

September 1, 2014, 12:42 am
$
0
0

I have found many examples of how this might be done and only one used here, seems to be elegant in its function.

I.E., the animation triggers in and then as appropriate reverses out.

However, Once the page is scaled the animations happen out of sync and for some reason, has a double play

example here. Sample

My compositionReady code is as follows

 

var oldPos, newPos;

//PLAYS FIRST ANIMATION

$(window).scroll(function(){

 

 

newPos = $(window).scrollTop();

 

 

if(!oldPos){

 

 

oldPos = 0;

 

 

};

 

 

if(newPos >= 50 && oldPos < 50){

 

 

//plays the timeline after vertical scrolling 50

 

 

sym.getSymbol("bird2").play();

 

 

oldPos = newPos;

 

 

}else{

 

 

//reverse play if vertical scrollbar is less than 50

 

 

if(newPos < 49 && newPos < oldPos && oldPos > newPos && oldPos > 49){

 

 

sym.getSymbol("bird2").playReverse();

 

 

oldPos = newPos;

 

 

}

 

 

};

 

 

})

//PLAYS SECOND ANIMATION

 

 

$(window).scroll(function(){

 

 

newPos = $(window).scrollTop();

 

 

if(!oldPos){

 

 

oldPos = 0;

 

 

};

 

 

if(newPos >= 300 && oldPos < 300){

 

 

//plays the timeline after vertical scrolling 300

 

 

sym.getSymbol("bird3").play();

 

 

oldPos = newPos;

 

 

}else{

 

 

//reverse play if vertical scrollbar is less than 300

 

 

if(newPos < 299 && newPos < oldPos && oldPos > newPos && oldPos > 299){

 

 

sym.getSymbol("bird3").playReverse();

 

 

oldPos = newPos;

 

 

}

 

 

};

 

 

})

 

 

$("body").append($("#Stage_WORX").css("position", "fixed"));

 

Help very much appreciated

↧

How to play a symbol ONCE at a specific scroll position?

December 7, 2012, 5:09 am
$
0
0

Hello there,

 

I was wondering if it's possible to trigger a symbol to play when a user scrolls past a specific scroll point just once?

 

I've managed to create a trigger for a symbol which will fire at a specific scroll position but it fires multiple times (when the user continues to scroll)

 

I tried using:

 

'==' eqivalent to, so that it would only trigger at a certain scroll point, but this only triggers the symbol to play if the user uses their mouse scroll wheel and doesn't play if the user uses the window scrollbar.

 

 

 

Here's my code (apologies if it's messy I only started learning JQuery a week ago):

 

 

$(window).scroll(function() {

     var mySymbolObject = sym.getSymbol("rollHead");

      var y_scroll_pos = window.pageYOffset;

     var scroll_pos_test = 500;           

 

 

    if(y_scroll_pos > scroll_pos_test) {

 

 

          sym.$("rollHead").show();

          mySymbolObject.play(1000);

}

 

      if(y_scroll_pos < scroll_pos_test) {

 

   sym.$("rollHead").hide();

          mySymbolObject.stop();

          }

});

 

 

 

I know that the '.one' handler (if that's the correct term) can cause an event to trigger just once, but I can't seem to get it to work.

 

Any help or advice would be much appreciated.

 

Thank you very much.

 

Jon

 

P.S. I just want to say a MASSIVE thank you to Adobe for making Edge. It is an incredible tool and the fact that it is free makes it a million times better.

↧

Can this code be combined to be shorter?

September 1, 2014, 3:51 am
$
0
0

Is it possible to combine these two so I don;t have to write it out for each fadeIn/fadeOut toggle?


// Set a toggle to hide or show an element

if (sym.getComposition().getStage().getSymbol("TIMELINE").$("RBS_timeline").is(":visible")) {

  sym.getComposition().getStage().getSymbol("TIMELINE").$("RBS_timeline").fadeOut();

} else {

  sym.getComposition().getStage().getSymbol("TIMELINE").$("RBS_timeline").fadeIn();

}

// insert code for mouse click here

 

 

// Set a toggle to hide or show an element

if (sym.getComposition().getStage().getSymbol("TIMELINE").$("apps1").is(":visible")) {

  sym.getComposition().getStage().getSymbol("TIMELINE").$("apps1").fadeOut();

} else {

  sym.getComposition().getStage().getSymbol("TIMELINE").$("apps1").fadeIn();

}

↧
↧

Publish Path for Export

September 1, 2014, 4:48 pm
$
0
0

My Edge Animate references some XML files to get information. For instance, the project file structure looks like this:

 

Files created by the project

<...>\Main.html

<...>\Main_edgeActions.js etc.

<...>\Images\.... etc.

 

And some

<...>\Resources\Slideshow\slideshow.xml

<...>\Resources\Slideshow\IMG_01.jpg

etc.

 

When I publish the project, a folder <...>\Publish\web is created. Of course, it didn't have the xml files and images in my "resources" folder, so I copied them over. However, even after doing this, the files weren't found.

 

The files are found, however, when I use browser preview mode.

 

What is going on here?

↧

Full screen hero page, adaptable to any window when resized, still scrollable, always 100% browser window before scroll

September 1, 2014, 7:04 pm
$
0
0

The title pretty much says it all.

 

I'm no dummy when it comes to edge animate but I am new to jquery and I am guessing that is where my solution is.

 

Instead of going into the details, here is the website that has EXACTLY what I am looking to do:
QuickChat

 

Notice the above the fold exactly at the bottom of the browser window at any browser size before scrolling and the exact browser size with each section scrolled through.

@

I mean, I literally want to emulate that exact layout. I have a 4-part responsive web page I wish to design vertically and every new section would be the exact with and height of the browser window no matter what size you scale it to. I mean exactly like the example website I just posted.

 

So whether it's a plugin necessary to do this or jquery or ANYTHING, I literally have no more hair to pull out after watching video after video and reading article after article about this.

 

Is this possible in edge animate alone or a mix of things?

 

Again, I am no newbie to pretty much the entire creative suite so please, talk my ear off with a solution so I can keep a bit of my sanity and the last of my dignity over here.

 

PLEASE HELP!

Thank you in advance.

↧
Search

how can i bring the symbol forward dynamic?

September 2, 2014, 2:49 am
$
0
0

when i click the symbol, i want to change the positon (z-index) dynamic. what can i do?

↧

Edge browser behind proxy

September 1, 2014, 1:42 am
$
0
0

We are using Edge animate behind a Sophos UTM9 proxy server.

Activation and everything is OK, the issue we are having is that when the designer is trying to display his project within the built in browser he recieves a blank screen. We have found that this issue only occurs when he has his proxy settings turned on. If we manually turn this off by going to internet options in control panel then he is able to work correctly.

Whilst this is a work around at the moment, the problem is now occuring that when the proxy is turned off he is unable to access websites through normal browsers due our company restrictions.


I have found this link which I am yet to implement: Configure for use behind network firewall

But was curious if anyone else has had this problem?

Thanks

↧
↧

Change animation duration using code

September 1, 2014, 6:08 am
$
0
0

I'd like to be able to change the duration of my animation on button click.

E.g. in the Stage, I have an animation that takes 5 sec, but when I click on a button, I'd like the animation to take just 1 sec.

Is there a way to do this without having to make two seperate animations?

↧

In Edge Animate, how do I fade an image in on mouseover?

September 2, 2014, 5:24 am
$
0
0

In Edge Animate, how do I fade an image in on mouseover?

 

Thanks!

↧

Edge animate keeps crashing AAAARRRGGGH

June 18, 2014, 2:28 am
$
0
0

I am using Edge Animate on an iMac

I really love Edge Animate - takes me back to my Flash animation days, but it keeps crashing every 5 mins which is really screwing up my workflow!

right clicking, importing, saving, exporting, keeping it open while I use another software program...all seems to make it crash...there doesn't seem to be any 1 thing that triggers it - i get crash reports which I keep submitting, and I can't make head nor tail of.  it is almost unusable in it's current form.

 

Any help would be gratefully appreciated...especially from Adobe!

Cheers

↧
Viewing all 9897 articles
Browse latest View live
Search