Advanced CSS Animator Support Product Page
Did easeOutBounce stop working?
Asked 12 Dec 2015 17:16:16
1
has this question
12 Dec 2015 17:16:16 Jack McNeely posted:
I made some photo galleries more than a year ago using dmxSupersize and animated the captions with Advanced CSS Animator, so that they worked just as in the tutorial at www.youtube.com/watch?v=77AqkTTSuEYThose old pages have stopped working. The captions slide in the way they are supposed to, but when it changes to the next image, they don't slide out. Instead they remain visible and the next caption slides on top of them.
My dmxSupersize and Advanced CSS Animator extensions are up-to-date. I uninstalled and reinstalled Animator just to be sure. When I look at the shared jQuery library files in my ScriptLibrary and at the DMXzone libraries that are being called, the only one that had a newer file date than when those galleries were made was Supersize, which was upgraded several months ago.
It gets worse: When I load those pages into Dreamweaver and go through the steps of attaching the behaviors to the AP divs that call the captions, all the settings are correct. But when I get to the step of checking the values for "The image gets hidden," when I try to display the translateX value (the last step, starting at about 2:13 into the tutorial video), the Animator extension barfs a javascript error:
"While executing timer in CSS Animator.htm the following JavaScript error(s) occurred: At line 438 of file "C:\Users\<username>\AppData\Roaming\Adobe\Dreamweaver CS6\en_us\Configuration\Shared\DMXzone\Animator\dmx_animator.js": document.loader has no properties"
I tried deleting the .dat cache file and rebuilding the site cache, but the magic seems to have stopped working. What is really weird is that the old pages that used to work no longer do, and they haven't been touched.
The relevant part of the code in the .html file, if it might help, is: "onShow": "dmxAnimate('#apDiv1', {}, {'opacity': 1, 'translateX': 500}, {'easing': 'easeOutBounce'});", "onHide": "dmxAnimate('#apDiv1', {}, {'opacity': 0, 'translateX': 0}, {'easing': 'easeOutBounce'});"}
What also is really weird is that the same sliding-caption effect in your showcase, the one at www.dmxzone.com/go/20729/animator-and-supersized-showcase, works just fine. So I know that it is just me and not the extension itself, but I can't figure out what I might have done to mess this up.
Replies
Replied 20 Dec 2015 17:11:53
20 Dec 2015 17:11:53 Jack McNeely replied:
And the sort-of answer is, nothing broke in Advanced CSS Animator. But something did change in Supersized version 2. The showcase at www.dmxzone.com/demo/dmxAnimator/supersized/index.html uses the dmxSupersized.js at www.dmxzone.com/demo/dmxAnimator/supersized/ScriptLibrary/dmxSupersized.js, and that is version 1.01. That version gets overwritten when you update the Supersized extension to version 2.01.
In my old pages, when I saved a copy of dmxSupersized.js from the showcase page and called that version into my pages, the EaseOutBounce started working again.
In my old pages, when I saved a copy of dmxSupersized.js from the showcase page and called that version into my pages, the EaseOutBounce started working again.