Articles tagged 'plugins and libraries'
-
jQuery Rambling Slider v0.3.0 released!
December 28, 2011
This post was originally published in the Rambling Labs Blog on December 28, 2011.
Version 0.3.0 of the jQuery Rambling Slider is out! Well… it’s been out for a while now (a couple of weeks), but I haven’t had the time to write the post for it :/. You can download it from GitHub.
Basically added a lot of tests and some transitions. I also removed and/or changed some of the transitions, so I will be updating the documentation soon (wiki). This release includes these features and fixes:
- Changed file combining order logic.
- Migrated the styles to Sassy stylesheets.
- Tweaked theme method to change it for all containers as well.
- Fixed glitch on image to flash transitions.
- Fixed
'this' is not a function
issue for flash transitions. - Fixed
slider…
-
jQuery Rambling Slider v0.2.1 released!
November 30, 2011
This post was originally published in the Rambling Labs Blog on November 30, 2011.
This one, as opposed to version 0.2.0 is mostly tests added, refactoring and one bug fix. Also, changed some parameters order to have a more consistent API, for the transition extensibility. You can download it from GitHub, browse the tags and read the project’s wiki for documentation.
This release includes:
- Fixed the flash flickering before initializing.
- Added tests for ‘slideUpDownSlices’, ‘foldSlices’ and ‘fadeSlices’ (#6).
- Added tests for ‘slideUpSlices’ and ‘slideDownSlices’.
- Added tests for the ‘animateBoxes’ helper.
- Added ‘sliceFade’ to the transition groups.
- Changed the parameters order for the ‘animateSlices’ helper.
- Added tests for the ‘animateSlices…
-
Extending the jQuery Rambling Slider
November 30, 2011
This post was originally published in the Rambling Labs Blog on November 30, 2011.
One of the core features added in version 0.2.0 of the jQuery Rambling Slider is the ability to customize the transitions between images, between flash elements and between an image and a flash element.
As it is described in the Adding and Overriding Transitions page in the project’s wiki, in order to do this you have to something like this:
$(window).load(function(){ $('#slider').ramblingSlider({ imageTransitions: { /* Add a 'fadeInSlices' transition */ fadeInSlices: function() { /* ... */ }, /* Override the 'sliceUpRight' transition */ sliceUpRight: function() { /* ... */ } /* ... */ …
-
jQuery Rambling Slider v0.2.0 is out!
November 28, 2011
This post was originally published in the Rambling Labs Blog on November 28, 2011.
It’s been a long way to this one, but I’m proud to announce that version 0.2.0 of the jQuery Rambling Slider has been released!
So far, the most stable release had been the version 0.1.2 and its patches. But I assure you that this is now the most stable one :).
Be free to download it from GitHub and test it out.
You can also browse the tags, and submit any issue or feature request to the project’s issues on GitHub.
UPDATE For documentation on how to use, you can read the project’s wiki, which has been updated for these changes.
This release includes:
- Updated readme information.
- Added support for jQuery 1.7.1.
- Changed the ‘effect’ setter to return…
-
jQuery Rambling Slider v0.1.3 is out!
November 23, 2011
This post was originally published in the Rambling Labs Blog on November 23, 2011.
Yes, it took me a while, but the jQuery Rambling Slider v0.1.3 is out!
You can download it from GitHub, test it out and report any issues you find. Go ahead and checkout all the tags.
You can also see the project’s details on GitHub or read the project’s wiki.
UPDATE 1 Unfortunately there was a critical bug with the links containing images/flash. But hey, it has been fixed already on v0.1.3 patch 1, available on GitHub.
UPDATE 2 There was another ugly bug with the caption not showing. This has been fixed already on v0.1.3 patch 2, available on GitHub.
END UPDATES
The main functionality added includes flash support (find more about it on the wiki
-
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
-
Adding custom method calls to the jQuery Rambling Slider
November 12, 2011
This post was originally published in the Rambling Labs Blog on November 12, 2011.
The jQuery Rambling Slider v0.1.2 was released a couple of days ago. One of the features added was the ability to start and stop the slider like this:
$('#slider').ramblingSlider('stop'); $('#slider').ramblingSlider('start');
Every serious jQuery plugin has some way to change it’s behaviour or query some data after initialized and the general approach for this is calling the custom methods as showed above.
It is well known that in order to do this, you have to perform some dynamic method calling magic. This is what you find in the jQuery documentation:
(function($){ var methods = { init : function(options) { /*...*/ }, show : function() { /*…
-
jQuery Rambling Slider v0.1.2 is out!
November 11, 2011
This post was originally published in the Rambling Labs Blog on November 11, 2011.
I am proud to announce that version 0.1.2 of the jQuery Rambling Slider has been released!
It really has been out for a couple of days now, but I’ve had a couple of busy weeks. Nevertheless, I managed to do the major refactoring that I mentioned when version 0.1.1 was released. So, what have I added to this new release? Here’s the list:
- Added the ability to call the
stop
andstart
methods from$('#slider').ramblingSlider('stop')
. - Added the
foldLeft
animation. - Refactored the build process, as the commands remain the same (
cake build
andcake minify
) - Added the missing yuicompressor (oops…)
- Reformatted the for loops to be more CoffeeScript-ish.
- Added the…
- Added the ability to call the
-
Unit testing the jQuery Rambling Slider - Part 2 - The DOM, jQuery and node.js
November 9, 2011
This post was originally published in the Rambling Labs Blog on November 9, 2011.
In order to continue to add tests to the jQuery Rambling Slider, I needed to test something against the DOM. Problem is, you don’t count with the DOM when you’re running the Jasmine tests from console. So what should I do?
As expected, I found that there is a DOM emulator in node.js :D. Also, to test using jQuery I needed to download the corresponding node package. So I didn’t waste any time and went ahead to install them:
npm install -g jsdom npm install -g jquery
So now, I can write something like this in my
src/jquery.plugins.coffee
:(($) -> $.fn.reverse = [].reverse )(jQuery)
And test it on my
spec/jquery.plugins.spec.coffee
with something like this…