Rondell - Display images and other content in a nice way
- Created by
Removed wrapping around rondell items. Selector now has to select the items parent. All children will become rondell items.
CSS classes can't be customized anymore to reduce size via minify
Scrollbar switched to css animation
Added cleanup function to remove everything rondell specific
Rondell options can be updated with a new rondell call. Maybe this leads to a wizard :)
Some performance improvements
onUpdateLightbox callback can be defined in the options.
No image when opening the lightbox, closing it and opening it again with another image.
Lightbox pops up when closing it and resizing the window.
The lightbox now contains a 'more' link when the rondell item is a link and the lightbox is enabled. See the 'strings' option to customize the text.
Links on images work again when lightbox is turned off.
Referenced images allow you to use small images in the rondell and big images for the lightbox. Just wrap an image with an image link to the big image.
A close button for the lightbox ;-)
Better auto resize for the lightbox.
Lightbox now has a default dark theme. New themes for the lightbox will be added eventually.
Integrated lightweight lightbox to reduce 3rd party lightbox difficulties
Using grunt for building, compass for sass mixins and QUnit for testing
Blur and focus problems in IE
Asynchronous image loading has been added and will be further improved in the next versions
New optimized item rendering technique and refactoring for improved performance and flexibility
CSS classes are now using hyphens instead of camelcase.
Please check your custom styles!
Preset 'products' is now called 'scroller'
Fancybox samples now show working navigation arrows and item title
Example for the 'size' option is now correct
which uses all the new options and features.
Integrated my standalone scrollbar plugin (beta) into the rondell.
for setting it up.
Items absolute index as parameter for the animation functions.
for image cropping to allow uniform size of thumbnails
which enables switching the index of the last and new focused items.
which sets minimum time between keypress events are registered.
allowing to disable item index wrapping used in the carousels.
Opacity is now animated when hovering items.
Bugfixes for items fading out or in
Disabled autorotation when rondell is not visible.
Horizontal mouse scroll event registering improved.
Wrong image sizes when rondell items are all images.
Added slider preset.
Added random start option.
Improved some presets and themes.
Fixed a bug in image size computations and improved performance.
Moved more default options into presets.
Improved dark theme text readability.
New gallery example and preset.
Mousewheel (x-axis) support
allows you to traverse left and right in the rondell. (Requires the optional
jQuery mousewheel plugin
Controls hide if autorotation is disabled and shifting is impossible. (See the
Items are now displayed in the order you provide them.
Starting item index is now customizeable by providing the
option. (See the
A size function
to simulate a depth effect. (See the
for the plugins options which contain the necessary settings to setup the plugin like the examples on this page.
are now included in the plugins css file to help you make your rondell look like one of my examples.
when the plugin has finished loading. (See
Touch controls for mobile devices
- Swipe left and right to move the rondell.
Reliable image loading
- The previous versions had sometimes problems getting the correct image sizes for some browsers and configurations.
And some minor fixes and code improvements.