Tag Archives: Adobe Edge
Adobe Edge Preview 4: Adding custom prefixes to your assets
January 20th, 2012. Published under General, Javscript. No Comments.
And then, the awesome Adobe Edge Preview 4 was launched. I was really excited about it, and tried to create an experimental banner for a website. But then, the problem appeared.
After saving the project and trying to insert in my test website I realized that I had to leave the files created by Edge on the root of my website since I won’t be using an iframe to show the animation.
So after studying the AdobeEdge component and exported files, I made some patches which let me put my banner anywhere in my server and load it at the homepage without any problem.
So, let’s begin.
Let’s suppose that we created a project called “banner” and added some images to it, then, when we save it, we have the following files:
- banner_edgePreload.js
- banner_edge.js
- banner_edgeActions.js
- banner.html
- bnner.edge
- edge_includes/jquery-1.6.2.min.js
- edge_includes/jquery.easing.1.3.js
- edge_includes/edge.0.1.4.min.js
- images/someimage.png
So, as the examples said, we just have to copy the div with our Composition ID and the javascript that points to the Preloader and put them in our page. The limitation here, as I said before, is that all files must be in your root, and that’s when the problem starts.
What if we want to put my new banner in another place in my server like in “assets/banner1″? (more…)