Archive for November 13, 2011
-
jQuery Rambling Slider v0.1.2 patches
November 13, 2011
This post was originally published in the Rambling Labs Blog on November 13, 2011.
I didn’t have enough time to post this before, but here it is. I’ve made some patches for the jQuery Rambling Slider. You can see the tags on GitHub. These include (the key features are bolded):
jQuery Rambling Slider v0.1.2.1 (patch 1, you can download it from GitHub):
- Enabled method chaining on ‘start’ and ‘stop’.
- Changed ‘animSpeed’ option to ‘speed’.
- Added the ‘option’ and ‘effect’ methods.
jQuery Rambling Slider v0.1.2.2 (patch 2, you can download it from GitHub), includes patch 1 and:
- Some html validation.
- Added the supported jQuery versions information.
- Removed jQuery. Pulling it from the google cdn now.
- Fixed issue with ‘getRandomAnimation…
-
The jQuery 1.7 .animate() method and percentages
November 13, 2011
This post was originally published in the Rambling Labs Blog on November 13, 2011.
As you may know, the jQuery Rambling Slider contains several animations. Some of them depend on changing the height of a div using percentages. Like this one:
slice.animate { height: '100%', opacity: '1.0' }, settings.speed
The problem with this is that with jQuery 1.7, the ‘100%’ was getting parsed to just ‘100’, so the height ended up being ‘100px’.
Thankfully, there’s an easy workaround:
slice.animate { height: "#{slider.height()}px", opacity: '1.0' }, settings.speed
In this case, the slider is the container for the slice. So I just made the slice’s height to be animated to the slider’s total height instead of using percentages.
I submitted a bug