is there a way to apply shape-rendering: crispEdges to all the SVG I copy-pasted from illustrator?
↧
Illustrator SVG with crispEdges?
↧
Populating fields from a json file
I am trying to create a simple photo slideshow using a .json file, which is a first for me. I have a photo image, a title div, and a desc div on the stage, along with 2 buttons to cycle forward and backward. The json file, slides.json, is located in a folder with the .an file and I have the following code on the stage as a compositionReady:
//Variable
imageCount = 2;
displayCount = 1;
//JSON
$.getJSON("slides.json", function(data){
//Load Data
function loadData(i) {
sym.$("photo").attr("src", data[i].image);
// Using the data for text
sym.$("title").html( data[i].title);
sym.$("desc").html( data[i].desc);
sym.$("countText").html(displayCount + " of " + data.length);
}
loadData(imageCount);
});
Nothing happens when I test it in a browser. I believe there is a disconnect between the AE file and the .json file. Here is the code in the .json file:
[
{
"title":"Apache Sprayer",
"desc":"2000 Apache Sprayer, 1,000 Gal. Poly Tank, w/90 ft. Boom, Trimble Auto Steer, 2 Sets of Floater & Narrow Tires. Call for Price”,
"image":"images/photo_1.jpg"
},
{
"title":"Apache 880",
"desc":"2002 Apache 880, 1,000 Gal. Poly Tank, w/90 ft. Boom, Trimble Auto Steer, 2 Sets of Floater & Narrow Tires. Call for Price”,
"image":"images/photo_2.jpg"
},
{
"title":"2006 John Deere 4720",
"desc":"2006 John Deere 4720, Only 829 Hours! 800 Gallon Poly Tank, 60/90 Boom. Call for Price”,
"image":"images/photo_3.jpg"
},
{
"title":"2013 Miller 5400",
"desc":"2013 Miller 5400, 1,600 Gallon SS Tank, 100 ft. Boom, Loaded! Call for Price”,
"image":"images/photo_4.jpg"
},
{
"title":"2014 Miller Condor GC75",
"desc":"20 Ft. Truss Boom, FWA, 1200 Gal. SS Tank. Call for Price”,
"image":"images/photo_5.jpg"
},
{
"title":"2013 CrustBuster 1075",
"desc":"2013 CrustBuster 1075, also CrustBuster. Call for Price”,
"image":"images/photo_6.jpg"
},
{
"title":"Versatile 550",
"desc":"Versatile 550 Tractor, Big Wheels, Red Color, Very Fast. Call for Price”,
"image":"images/photo_7.jpg"
},
{
"title":"Versatile 550 Traxter",
"desc":"Versatile 550 Traxter, Independent Tracks, Red Color, Pretty Fast. Call for Price”,
"image":"images/photo_8.jpg"
},
{
"title":"Kubota Tractor/Loader",
"desc":"Kubota Tractor/Loader. Can't Get Lost Paint Scheme. Call for Price”,
"image":"images/photo_9.jpg"
},
{
"title":"2000 Kubota Tractor/Loader",
"desc":"2000 Kubota Tractor/Loader. Wheels, Tires, Windows, Loader. The Works! Call for Price”,
"image":"images/photo_10.jpg"
},
{
"title":"Miller Nitro 200",
"desc":"Miller Nitro 200, 1999, Raven 460 Controller, 60' Boom, 1,000 Gallon Poly, 3,957 Hours. Call for Price”,
"image":"images/photo_11.jpg"
},
{
"title":"2013 Miller Nitro N2XP",
"desc":"2013 Miller Nitro N2XP, 1,000 Gal. Poly Tank, 6/90 Mono Boom. Call for Price”,
"image":"images/photo_12.jpg"
},
{
"title":"Miller Nitro 200",
"desc":"Miller Nitro 200. Low Hours, Nice! Call for Price”,
"image":"images/photo_13.jpg"
},
{
"title":"Thunder Creek ADT 990",
"desc":"Thunder Creek ADT 990, 990 Gallons of Fuel Def Urea Storage Tank, Hose Reel, Gas Engine, Loaded! Call for Price”,
"image":"images/photo_14.jpg"
},
{
"title":"Rogator 854",
"desc":"1999 Rogator 854, 800 Gal. Poly Tank, 80 Ft. Boom, Trimble EZ Guide w/EZ Steer. Call for Price”,
"image":"images/photo_15.jpg"
},
{
"title":"Versatile RT490 Combine",
"desc":"Versatile RT490 Combine, Tough As Nails, Ready for the Combine Destruction Derby. Call for Price”,
"image":"images/photo_16.jpg"
},
{
"title":"Schulte Batwing Mower",
"desc":"Schulte Batwing Mower, Batman has this exact mower only in black. Call for Price”,
"image":"images/photo_17.jpg"
},
{
"title":"Spray-Air 3400",
"desc":"Spray-Air 3400, 1,000 Gallon, 90 ft Trident II Boom. Call for Price”,
"image":"images/photo_18.jpg"
},
{
"title":"MF Tractor w/MF Loader",
"desc":"MF Tractor w/MF Loader, this MF is loaded with MF accessories! The best MF in town! Call for MF Discount Price”,
"image":"images/photo_19.jpg"
},
{
"title":"Versatile 310 Tractor",
"desc":"Versatile 310 Tractor, Windows, Wheels and Weights. WOW!! Call for Price”,
"image":"images/photo_20.jpg"
}
]
Can someone please help me out, I have been staring at this code for way too long and I am certain it is something quite simple.
Thanks,
Brandon
↧
↧
Having trouble trying to control a series of elements using a for-loop
I have a number of elements in my composition, which I would like to control via a for-loop. Let's say I have 5 elements, named "Element1," "Element2"..."Element5." I have created an array that stores the element names:
elementArray = ["Element1","Element2,"Element3","Element4","Element5"]
Now, I would like to hide all these elements using a for-loop:
for (var i=0; i<elementArray.length; i++) {
elementArray[i].hide();
}
However, when I run this code I get an error, "Javascript error in event handler! Event Type = element"
I'm pretty sure I'm not understanding something to do with namespace or scope here - can anyone help me with this?
↧
Javascript error in event handler! edge 4.0.0.js, what to do about it?
Site
Hello everyone. I get an error in my chrome cosole, what can I do about this?
I dont have this problem in all browsers, just in chrome, and in some versions of Firefox.
The problem occurs when I click any label in the iframe (see website, speaks for itself).
line 5838 window.console.log("Javascript error in event handler! Event Type = " + eventType);
does anyone know how to fix this?
And why do I only have this problem in some browsers?
↧
Initiating External Calls in Adobe Edge
Can I do external calls with edge? For example: can I access external music and build a list which could be played back by a user? Additionally could i use some library that would allow me to record in Edge and save the recording? I am thinking like some browser api or some external call that would allow me to create a stand alone Adobe Edge html file that someone could launch on their desktop. I know this is asking a lot but I would greatly appreciate any info.
↧
↧
Can I jump to an html anchor in page, 0r scroll to top of an element?
Can I jump to an html anchor in page, 0r scroll to top of an element?
I built a responsive layout width and auto overflow, the Idea was to scroll down to top of a symbol, element or div.
Thought an html anchor point would work.
↧
how do I bring an element layer to the front
I want to use code to bring elements to the front.
The same way I would do in flash by using addChild where it brings that symbol on top of others?
How would I do that with codes?
↧
Embedding Edge animations in Joomla: tags?
I am working on embedding Edge animations into Joomla, (without the use of iframes) which should not be all that difficult, at least in theory.
I've successfully embedded the Edge code into a Joomla! article, and a check of the resultant web page shows all Javascript files are loading and are not generating errors. When I load the page, the animation works!!! So, my workflow is correct, as far as the embedding is concerned.
One small problem. Edge, by default, writes a pair of <body> tags around the animation, which creates havoc on the web page, as there is, of course, an already-existing set of <body> tags, and adding a second set throws the whole page into structural chaos.
Can anyone suggest the best way to remove this part of the JS from the Edge output files? I'm not enough of a JS coder to see the obvious solution, here.
Once this little snag is resolved, I will post the entire procedure for embedding Edge animations into Joomla articles, something I have summarized in a previous post.
TIA!
↧
How can I use a custom js file to specify link destinations?
If I use a rectangle to create a button (name "ExitRight"), I specify the button action in a click script. So, to go to a web page using the click script, I enter:
window.location= " window.location="https://www.google.com/";
This works fine and if I look in the edgeAction.js file I find:
//Edge symbol: 'engine_anim'
(function(symbolName) {
Symbol.bindElementAction(compId, symbolName, "${_ExitRight}", "click", function(sym, e) {
// insert code for mouse click here
window.location="https://www.google.com/";
});
//Edge binding end
})("mySymbol");
//Edge symbol end
Now, what I really want to do is be able to change the destination the button takes me to by using a global variable to specify the destination:
something like...
window location = myDestination;
...where myDestination is a global created in an external custom js document loaded in to the script library
Just putting...
myDestination = "https://www.google.com/";
...into the external js doc doesn't work. So how can I accomplish this?
Peter Small
↧
↧
Why is edge making bumpy transitions when auto transition is enabled?
I have just created an animation where Some text has been moved around the screen via transform controls and font size changed at the same time, while the transformation transitions seem to be smooth, the font size changes are bumpy, any suggestions on why this might be happening?
↧
famous js
can edge animate use famous js as a backend rendering framework?
↧
How to make a circular pulsing button
I've been trying to make an animated button that changes border thickness on hover. The same as the button at the Adobe Photoshop Lightroom website (http://www.adobe.com/au/products/photoshop-lightroom.html). The problem is that when I add the circle to the stage and change the border width from 3px to 1px, it pushes the circle down and right as if it were locked on the top left handle?
This causes an issue when recording keyframes because it moves the button in the final animation. Rather than just changing the border thickness.
Any help is appreciated
↧
Starry sky
Dear community,
I would like to have a starry sky as a website background.
It should be a gradient from top to bottom and I would like to include some "fix" stars and some stars which randomly do some blinking (random time, random position). From time to time a falling star would be nice, too. How can I realise this randomness?
↧
↧
How to mask a Symbol
Hi,
Can anyone help me on this…
I have a symbol in my stage. He is masked by a circle.
I want that when I click on the Symbols, the mask expands and reveals what is behind it. Like this :
I followed the threat “I want to know how masking objects or image.“ where redesign gave a sample with a mask.
When I try to do the same thing, is like the mask is always at position 0 0 and not over my symbol that is placed in the stage at position 795 570. Giving a mask-position doesn’t change anything. My symbol is invisible.
Hope I make myself clear ...
Thanks a lot for any hints.
s.
↧
Edge .oam file not displaying properly in DPS.
Here is the scenario. I have an animation that I created for a DPS (Digital Publishing Suite) article but it does not display properly and I can not figure out why. It dispalys either too large and extends past it's bounding box or it dispalys too small.
The DPS article is set up for a retina display 2048 x 1536. The animation was created at 400px by 100px and saved out as a .oam file to be placed into Indesign for use in a DPS app.
The problem is that when placed into Indesign the placed animation does not display properly. If you change nothing in Indesign in the "Folio Overlays" panel under "Web Content" the animation will play way too large and extend past the bounding box (Image #2). If you check scale to fit in Indesign it dispalys too small.
My question here is does anyone know if I am missing a step in Adobe Edge that could cause this or if you know why it would do this in Indesing that would be great as well.
I don't see any settings for resolution in Edge and normally pixels are pixels and resolution does not matter but it does when the PPI is greater like on the iPad.
Animations do work it's just the sizing.
The first image shows how it should look at the end of the animation. "(the classic) is the animation portion."
The second image shows how it displays when placed changing no settings in Indesign.
The third image below shows how it displays when placed in Indesign with the "Scale Content To Fit" box checked in the "Folio Overlays" panel under "Web Content", too small!
Any help or sugestions would be greatly appreciated.
Sincerely, Ryan.
↧
Function is grayed-out and can't be controlled when I try to create a mouseover
I am working on a very simple animation where I have an image that is supposed to have a mouseover effect. When I click on Open Action everything is fine and the same is true for when I choose mouseover.
However, when I try to insert a "play" or "play form" action the code comes in grayed-out and I can't edit them (add a label for instance).
Please explain to me why this is happening. I was able to do this earlier today on another document, but I can't do it again and I am wracking my brains out.
Attached image so it might help you.
Amit
↧
Input Forms in Edge Animate websites?
Is it possible to create
Input Text Fields or Forms
in Edge Animate?
Scenario:
I am trying to build the entire website in Edge Animate. I need to receive Input Texts and create fields for users to upload files etc. My plan is to take care of all the front-end in Edge and then access the fields in back end to do the rest.
↧
↧
Working with actions in Adobe Edge Animate
Hi!
I don't have a problem, just a trouble and I need your help.
I'm developing my personal site with Animate and I need to Toggle Play/Reverse action so I don't know how to do it. Here my site http://prilovski.ru/edge/. Now click action works only on glasses, just click it.
I need when glasses became big and when I click it image just back on its initial position,I need just playing reverse animation.
I will very appreciate if you helped me to do it.
And sorry for my terrible English. I promise I will learn it better.
↧
how to delete a symbol with a click of a inside button
Hello,
I have this Symbol with a button inside. I want to click on this button and delete the Symbol.
I have the code below but it doesn't work.
sym.getComposition().getStage().getSymbol("vitrine_content").$("cachedarmes_movie").delete Symbol();
if I try to do animate the symbol. It works :
sym.getComposition().getStage().getSymbol("vitrine_content").$("cachedarmes_movie").animat e({'left':'200px'});
And I don't see why..
thanks
s.
↧
Learning code in Adobe Edge
Hello all
I'm slowly getting my head around using code within Adobe Edge.
I want to use dynamic animation using coding as opposed to always using the timeline.
Have been using Lynda.com for a basic introduction to using code and other tutorials to be found on the net.
Can anyone suggest any other sources, which will move me on from having a basic knowledge??
Thanks
S
↧