Articles tagged 'slider'
-
jQuery Rambling Slider new home page
July 22, 2012
This post was originally published in the Rambling Labs Blog on July 22, 2012.
The jQuery Rambling Slider now has its own dedicated section here on ramblinglabs.com. Here’s the link: jQuery Rambling Slider | A CoffeeScript improved version of the Nivo Slider
It features thus far one download page and one description page with a fully functional slider, included on the site with the rambling-slider-rails gem (see Introducing rambling-slider-rails: Easily include the jQuery Rambling Slider on your rails app and The rambling-slider-rails v0.1.0 has been released!. I will be adding an examples page soon, to present the different themes, image resizing support, flash support and other options added.
Go ahead and check it out!
Also, the Rambling…
-
jQuery Rambling Slider v0.3.1 is out!
January 7, 2012
This post was originally published in the Rambling Labs Blog on January 7, 2012.
Version 0.3.1 of the jQuery Rambling Slider has been released! You can download it from GitHub and test it out.
The latest documentation of the jQuery Rambling Slider can be found on the project’s wiki on GitHub.
There was an issue with the slider not working on IE 8, due to an undefined function. I have to thank the people that emailed me about it. Because of them I was able to spot the issue and fix it!
This release includes the following:
- Removed dev7 logo and added RamblingLabs logo.
- Added the box and slice generators.
- Removed some unnecessary
px
suffixes (top
,left
,right
,bottom
). - Fixed
indexOf
issue with IE 8. - Some additional refactoring.
If…
-
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.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…