Welcome to “Estro” a super smooth jQuery slider plugin by pixelentity. “Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting monicker for this beautiful slider. For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project. A starting point, who’s design and execution would inspire you and supercharge your work.
This jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.
This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.
Multiple customized slider instances can happily live on the same page, and the slider offers a simple API to control the slider’s behaviour from within your custom scripts.
To drastically reduce page loading times, lazy loading can be activated on a per image basis, so that images will only be loaded right before they need to be shown.
Featuring
- Crossbrowser pure JS/CSS implementation.
- Ken Burns or Swipe transition modes available.
- Multiple instances allowed in a single HTML page.
- Slides uses only valid HTML5 markup (SEO optimized)
- Won’t break layout if javascript disabled.
- Works on mobile (iPhone, iPad – iOS 4.3)
- Supports inline YouTube / Vimeo videos + app redirects on iOS devices (Youtube)
- Optional animated popup preview thumbnails, including a Ken Burns transition.
- Easily resizable.
- Compatible with external fonts (like Google fonts)
- Integrated animated circular timer.
- Includes 4 ready to use skins.
- Easily customizable via CSS file.
- Custom per slide timeout and animation settings.
- Optional lazy loading of images for faster loading.
- Includes all required photoshop files to make a custom skin.
- Comprehensive browser based documentation covering integration, customisation of the slider as well as custom skin creation.
Design and development of Estro by bitfade & iamdok.
More from Pixelentity
