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…

    Continue Reading →

  • 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

    Continue Reading →