boutique carousel
Optional description.
An item that costs $29.
€ 69.50
No header for this item and the description is a bit longer to occupy more lines. The next one has a minimal setup.
What's this?
A ready to use jQuery slider/carousel to present your images in a unique, smooth and customizable way.Simply link to the JavaScript and CSS files and apply it to your HTML element like other jQuery plugins. Customize the settings and CSS to match your style and purpose.
Full documentation and examples included.
Compatible with:
- IE6+, Firefox, Chrome, Opera, Safari
- JPG, PNG images
- All common Doctypes
Requirements:
-
jQuery library version 1.4.2+
(1.3 to skip the mouse-over effect) - Optional: jQuery easing plugin (included)
Features:
- Unlimited scrolling
- Unlimited number of images
- Customizable
- Optional headers
- Optional description text
- Optional hyperlink
- Optional autoplay (paused on hover)
- Keyboard support
- Multiple instances per page
- Uninterupted navigation (try quickly tapping the arrow keys on your keyboard)
- 3 Example styles out of the box
- Advanced: External functions (next/previous)
- Advanced: Callback functions
- Contains fully commented source code
- Contains documentation/help file
Settings:
- Total carousel width
- Image dimensions
- Styling of the frames, text area, headers and descriptions
- Movement speeds
- Easing types
- Starting item
- Enable/disable navigation while animating
- Enable/disable autoplay
- Autoplay interval
- Show title/description on all frames or only the front frame
-
Opacity / size of background frames
And more
Markup:
<ul id="boutique">
// Frame with minimal setup:
<li><img src="images/image.jpg"></li>
// Frame with full setup:
<li>
</ul>
// Frame with minimal setup:
<li><img src="images/image.jpg"></li>
// Frame with full setup:
<li>
<a href="Optional link">
</li>
<img src="images/image1.jpg" alt="Optional header">
<span>Optional description.</span>
</a>
<span>Optional description.</span>
Version updates:
v1.2 (2010/10/18):- Added container_width as plugin option
- Added front_img_width as plugin option
- Added front_img_height as plugin option
- Added text_opacity as plugin option
- Added text_front_only as plugin option
- Added external functions (previous / next) (see example page 2) to use for buttons
- Added a callback function: link click (see example page 2) to use for any other action than following a URL link
- Added a callback function: frame moved forward (see example page 2)