Ether Grid Slider JQuery Plugin

Ether Grid Slider jQuery Plugin

Ether Grid Slider is an extremally useful jQuery plugin designed for remodeling any sort of content material into sensible grids and/or sliders. You can use it with any sort of blended content material varieties akin to photographs, movies, providers, testimonials, featured tales or weblog feeds to call just a few. There are many totally documented predefined examples you possibly can base your configurations on.

It comes with multitude of choices and can be utilized as a base for constant powering of sliders and grids throughout the complete software. An excellent and profitable instance of such software is our Ether Content Builder plugin for WordPress that takes benefit of all of the choices Ether Grid Slider presents.

Problems / Need assist?

DON’T USE CodeCanyon Comments for help requests as that’s not what they’re designed for. This will make our lifes simpler. Thank you upfront! ywAAAAAAQABAAACAUwAOw== )” title=”;)” />

Follow Support Guidelines to get in contact with us for sooner turnaround.

Latest Update

August 6, 2013, model 1.4.0

Fixed: Responsiveness of slider navigation
Added: Customizable nav prev/subsequent arrows and pagination place and types (arrows spanning full width are actually obtainable additionally)
Added: Option to disable scroll on mousewheel
Addded: Light / Dark theme compatibility
Fixed: External hyperlinks pointing to particular slides
Fixed: Revised documentation and extra descriptive and novice consumer pleasant examples

Key Highlights

40 choices
Mousewheel help
Touch/swipe help for cell units
Many customized configured components on single web page
Fluid & responsive format
Smart autoplay
Image gallery choices
External linking – management sliders from wherever
Custom transitions, sliding axes, and extra
Highly customizable slider navigation

NOTE: If you’ve bought and are lacking any options don’t hesitate to electronic mail us with a request. This plugin is actively developed and we will certainly take into account including new stuff to make it much more useful!

Options

align: Target aspect alignment
always_show_img_title: Keep picture titles seen and expanded
autoplay_enable: Autoplay
autoplay_interval: Autoplay interval in seconds
autoplay_shift_dir: Autoplay route
col_spacing_enable: Enable spacing to happen between grid cells. 0 is helpful for seamless/spaceless grids of photographs.
col_spacing_size: Spacing that happens between grid cells.
cols: Column depend. Degrades on smaller screens. Degradation steps may be simply adjusted in css.
ctrl_always_visible: Slider controls seen always or on hover solely
ctrl_arrows: Display navigation arrows.
ctrl_arrows_full_width: Spaces nav arrows as far aside from one another as potential
ctrl_arrows_pos_shift_x: Custom horizontal offset of slider arrows
ctrl_arrows_pos_shift_y: Custom vertical offset of slider arrows
ctrl_arrows_pos_x: Horizontal place of slider arrows
ctrl_arrows_pos_y: Vertical place of slider arrows
ctrl_arrows_spacing: Minimum spacing between arrows
ctrl_external: Define exterior components that may have the ability to change slides. Number in slide_id will lead to absolute hyperlink. ‘prev’ or ‘subsequent’ will behave as navigation arrows
ctrl_padding: Minimum distance of nav controls from gridslider aspect borders
ctrl_pag: Display pagination
ctrl_pag_pos_shift_x: Custom horizontal offset of slider pag
ctrl_pag_pos_shift_y: Custom vertical offset of slider pag
ctrl_pag_pos_x: Horizontal place of slider pag
ctrl_pag_pos_y: Vertical place of slider pag
ctrl_pag_spacing: Minimum spacing between pagination objects
ctrl_style: Style of navigation (for customized one present path to filename)
easing: Transition impact for sliding animations
gallery_img_title: For picture galleries. If a picture tag has title or alt attribute outlined (on this order), description can be displayed when a component is hovered
grid_height: Constrain forces sqare cells, numeric worth forces mounted peak. Especially helpful for media galleries.
hide_grid_cell_overflow: Advanced: Useful when there’s a grid gallery of photographs with column spacing and pictures are greater than column content material peak (virtually it means vertical margins appear to be half the scale). This behaviour isn’t pressured by default as most often galleries mustn’t require it. This choice set to false by default permits content material (akin to tooltips) inside the column to overflow exterior column borders and is usually much less invasive
image_stretch_mode: Image stretch mode. Auto doesn’t have an effect on photographs. Other varieties are particularly helpful for picture galleries.
img_title_pos_x: Horizontal place of picture title (it’s all the time full width in the mean time so it doesn’t have any pratcical impact)
img_title_pos_y: Vertical place of picture title
loop: Behaviour of the slider on the last-to-first and first-to-last aspect transition
pause_autoplay_on_hover: Pauses autoplay when consumer mouse pointer hovers over the gridslider aspect
rows: Row depend. Applies to sliders solely.
scroll_axis: Scroll axis
scroll_on_mousewheel: Scroll slides with mousewheel when mouse is hovered over gridslider
scroll_speed: Scroll pace in miliseconds
scroll_transition: Scroll transition
slider: Transform aspect right into a slider (0 will create a grid solely)
theme: Defines aspect theme, default is gentle. ‘darkish’
view_pos: Visible slide
width: Target aspect width

See detailed view of all options and their description.

Mission

Main focus of this plugin is to facilitate creation of grids and sliders out of any content material and being as little invasive on the code output as potential. Grid and slider performance don’t have an effect on precise content material behaviour. Thanks to that you could simply add a lightbox to a grid of photographs the identical means you’ll with out this plugin or have every other facet performance nonetheless in place when plugging in a gridslider to a particular aspect.

Image Gallery Options

Simple checklist of photographs may be reworked in just a few alternative ways. For instance you possibly can constrain width to peak ratio of grid cells in order that they’re all the time sq., auto or customized mounted peak. Images inside grid cells may be additionally additional manipulated by altering their container fill mode. You can see a few sensible implementation examples on the slider demo page or by searching the examples obtainable contained in the bundle upon obtain.

Support

In case of any troubles use and abuse sources beneath as a lot as you want.

Email: contact.pordesign@gmail.com (please embrace your merchandise buy code together with the issue description)
Forum

Update Log

August 6, 2013, model 1.4.0

Fixed: Responsiveness of slider navigation
Added: Customizable nav prev/subsequent arrows and pagination place and types (arrows spanning full width are actually obtainable additionally)
Added: Option to disable scroll on mousewheel
Addded: Light / Dark theme compatibility
Fixed: External hyperlinks pointing to particular slides
Fixed: Revised documentation and extra descriptive and novice consumer pleasant examples

March 5, 2013, model 1.3.1

Fixed: Core fixes
Added: scroll_on_mousewheel property
Fixed: jQuery 2.0 compatibility

September 30, 2012, model 1.3

Fixed: Core fixes
Fixed: IE7/8 compatibility
Fixed: General tweaks and a few structural modifications

June 18, 2012, model 1.2

Fixed: Autoplay with navigation disabled
Added: External controls now permit for linking to prev/subsequent slides, too (solely absolute linking was potential earlier than)
General tweaks and a few structural modifications

May 6, 2012, model 1.1

Added: Dynamic including of recent components into current gridsliders
Added: External linking to particular slides
Added: Automatic titles for photographs
Added: Loop choice
Added: Easing results for slide transitions
Added: Mousewheel help
Added: Swipe help for cell units
More thorough and to the purpose documentation
10+ premade examples together with: basic slider, purchasers slider, customized textual content content material slider, dynamic slider, exterior linking, picture feed, providers slider, testimonials slider and extra