Not able to make it work

  • Resolved cocobongo

    (@cocobongo)


    9 years, 6 months ago

    After trying to find a way to make an Adobe Edge animation work with WordPress thinking it would be easy (well, NO!!!!!), I finally found this plugin.

    Since I commissioned the work and didn’t expect it would require special files, there we go again, trying to find the designer, get me those OAM files until I got them.

    So I’ve followed all steps, I’ve uploaded my composition, everything cool and dandy and when I was ready to finally see my beloved composition…. nothing. The files are there, if I check the composition, the sources are there, I have no JS errors, my code is super clean but of course… luck is not on my side

    wp-content/uploads/edge_suite/edge_includes/jquery-2.0.3.min.map 404 (Not Found)
wp-content/uploads/edge_suite/edge_includes/edge.4.0.1.min.map 404 (Not Found)

    I check via FTP and several of file have been created, permissions are correct, I have files with that same name in that same location only that .js extension

    What happens here? it plays only the first part of the animation with incredibly jagged edges, kind of resizing a .gif file. It also adds inline fixed width and height (????) to the element. Nothing else. However, I can see all parts of the animation have been loaded, included all the SVG files

    At this point I’m totally lost. I’m sure this plugin is incredible and really does a great job at closing the gap Adobe should have NEVER left open, but I’m getting more and more frustrated every time, so I really want to know if there’s any way to make my expensive animation work or is this something totally impossible and should just give up? And my question includes even if there’s a way including not using this plugin, anything would be great, I just thought this plugin would be the solution but it seems Adobe Edge’s issues are incredibly huge

    https://wordpress.org/plugins/edge-suite/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter cocobongo

    (@cocobongo)

    9 years, 6 months ago

    I don’t know if it is of help, but if I load the animation “as is” in the server, it works just fine, even without the jagged edges. As a desperate measure, I tried to load it as an iframe (yes, the same working animation) and… again:

    edge_includes/jquery-2.0.3.min.map 404 (Not Found)

    I don’t know how something that works fine in fact doesn’t work because it has a missing file, but it’s more than evident that it’s something related to Adobe Edge conflicting with WordPress, although I have no idea what. I tried no conflict but it did nothing, it just works as standalone, and only as standalone. Tried opening the file in the server and removing removing jQuery from the edge just in case so I didn’t have 2 jquery calls, but nothing, tried removing my version of jQuery and leave the one called from Edge, nothing. Anyways, just mentioning all this to see if it helps to diagnose the issue, although it seems at least there are some missing files

    Plugin Author ti2m

    (@ti2m)

    9 years, 6 months ago

    Hey,

    any chance I can take a look at the animation somewhere? Ignore the .map not found errors, they just come up when you have the dev tools open (Uncheck “enable JS source maps” in the settings). This won’t be the problem though. How are you including the animation? Did you use the iframe option in the shortcode to output the animation in an iframe? If it doesn’t work in an iframe, then something is really wrong, because that is basically like calling it in a separate window.

    Another option, have you tried running the composition on a fresh installed wordpress locally? Sometimes there are other plugins that mess with headers, etc.

    Thread Starter cocobongo

    (@cocobongo)

    9 years, 6 months ago

    I tried including the animation just as the instruction says, the iframe was a desperate measure (with and without the plugin) just to add something I noticed: the animation works fine, it just doesn’t work when it “meets” WordPress. I will try your suggestion of a clean install and no plugins and will also try default theme to see if I can narrow the issue and will let you know

    Thread Starter cocobongo

    (@cocobongo)

    9 years, 6 months ago

    OK, I have found the issue, and it is pretty stupid, but it may help someone:

    First, after fresh installs, clean database, a lot of testing, adding/deleting plugins, and whatever you could imagine, I finally could narrow the issue to the theme. I started deleting everything in the theme (meaning I served just a blank header, a blank index with just the edge code and a blank footer) and the problem persisted, so the problem was in the scripting, which were just styles.css, Bootstrap and jQuer, all of them from CDN versions. Tried loading different versions from CDN, loading different local versions, nothing. Deleted style.css… and bum, it worked. So the problem was there. After going crazy for 2 weeks, this was the issue, I had this line in CSS:

    img{max-width:100%; height:auto}

    which of course, is a pretty common line in responsive design, so I’d never thought it would be that. But well, deleted it and like magic, everything started to work.

    Just one thing: the issue appears to be not related to the plugin, since the animation didn’t work with the plugin or without the plugin, it didn’t work in any way as long as that line was there. Removing it made it work with and without plugin.

    Thread Starter cocobongo

    (@cocobongo)

    9 years, 6 months ago

    I forgot to mark this as resolved and doesn’t allow me to edit the previous post, so this post is only to mark the question as resolved

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Not able to make it work’ is closed to new replies.