Adobe Community : All Content - All Communities

Including JQuery Plugins

forums_noreply@adobe.com — Wed, 10 Sep 2014 20:52:47 GMT

Hello together,

I have some troubles with JQuery Plugins. What is the reason that some simple JQuery Plugins work with Edge Animate and some not?

For example, I am trying to include the Plugin Foggy to create the blur effect. there is just one way to include it, but it doesn´t work.

Plugin: Foggy: jQuery plugin for blurring page elements

compositionReady:

sym.$('#Stage_Holztreppe_Casablanca_Treppen_Intercon_Buche_oSmG_2a_2577').foggy({

blurRadius: 12,

opacity: 0.8,

cssFilterSupport: true

});

I hope, someone can help me....

Thank you very much

jQuery plug-in for image zooming

forums_noreply@adobe.com — Sun, 25 May 2014 01:52:14 GMT

Hi together,

Maybe someone can help me to find a solution for my problem with Adobe Edge Animate. I am trying to include a jQuery plug-in for

image zooming, but it doesn´t work. The plugin is ImageLens.

You can find it here:

http://www.dailycoding.com/Posts/imagelens__a_jquery_plugin_for_lens_effect_image_zooming. aspx

What I tried:

Step by step:

1. I created a simple symbol "map" in Edge Animate which is my image.

2. I included the scripts "jquery.imageLens" and "jquery" from the plugin to Edge Animate.

3. After that I opened the script panel and wrote there:

sym.$('map').imageLens();

3. Now, I can see the lens on the picture, but the zooming doesn´t work. That is my problem.

If you know an easier way to get this zomming effekt with a lens, let me now! I hope, someone is interested in solving this problem. Thank you very much!

Not clickable after hide()

forums_noreply@adobe.com — Sun, 24 Aug 2014 16:38:30 GMT

Hello again,

I have created a main stage just with a simple button. After clicking the button, a new page ("slider") appears.

It works well. Then I added a close button to this new page to come back to the main stage. I used the click-function

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

It works, but back to the main stage, the button doesn´t work anymore.

I also tried:

sym.$("slider").css("display", "none");

The same effect, I cannot press the button to show the "slider" again.

I am sure, it´s an easy issue, but but but...

I hope, someone can help me.

Thank you!

Import regular HTML page with Jquery-Plugin into Edge Animate

forums_noreply@adobe.com — Wed, 09 Jul 2014 19:23:06 GMT

Hi together,

I have created a simple HTML page and included a Jquery-Plugin (tikslus360) into this and it works.

Then I wanted to import the HTML page into Edge Animate. Importing the HTML page was okay, but the plugin doesn´t work anymore with Edge Animate...

Is it not possible to have some undependent JQuery plugins in a regular HTML page or should I change something?

Here is a part of my HTML code. I included the JQuery-plugin into the HTML-Page that works very well without Edge Animate.

$(document).ready(function(){

$(".navi_bild").click(function(){

$("#stage").tikslus360({imageDir:'img/treppe_01/',imageCount:24,imageExt:'jpg',canvasID:' pano',canvasWidth:800,canvasHeight:400, fadeInInterval:10});

});

</script>

I hope, someone can help me...

Thank you very much!

How to change color of SVG image using Edge Animate?

forums_noreply@adobe.com — Fri, 04 Jul 2014 12:21:41 GMT

Hello together,

i assume it is a simple question, but I could not figure out how to realize it. I have a svg image and i just want to change the color of a particular part of it, for example when i click the red button, the body of the image should get red, but without using the onclick function for the svg image.... Just when I click the red button, the body of the svn image for example should change the color....

Dropbox - change_color.zip

I hope, someone can hep me...

Thank you....