Ether Grid Slider jQuery Plugin

LIVE PREVIEW DOWNLOAD

Ether Grid Slider is an extremally purposeful jQuery plugin designed for reworking any sort of content material into sensible grids and/or sliders. You should use it with any sort of combined content material sorts corresponding to pictures, movies, companies, testimonials, featured tales or weblog feeds to call a number of. There are a lot of totally documented predefined examples you may 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 whole utility. A very good and profitable instance of such utility is our Ether Content Builder plugin for WordPress that takes benefit of all of the choices Ether Grid Slider presents.

Issues / Need assistance?

DON’T USE CodeCanyon Feedback for assist requests as that’s not what they’re designed for. This may make our lifes simpler. Thanks upfront! )” title=”;)” />

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

Newest Replace

August 6, 2013, model 1.4.0

Mounted: Responsiveness of slider navigation
Added: Customizable nav prev/subsequent arrows and pagination place and kinds (arrows spanning full width at the moment are obtainable additionally)
Added: Choice to disable scroll on mousewheel
Addded: Mild / Darkish theme compatibility
Mounted: Exterior hyperlinks pointing to particular slides
Mounted: Revised documentation and extra descriptive and novice person pleasant examples

Key Highlights

40 choices
Mousewheel assist
Contact/swipe assist for cellular gadgets
Many customized configured parts on single web page
Fluid & responsive format
Sensible autoplay
Picture gallery choices
Exterior linking – management sliders from wherever
Customized transitions, sliding axes, and extra
Extremely customizable slider navigation

NOTE: For those who’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 purposeful!

Choices

align: Goal ingredient alignment
always_show_img_title: Hold picture titles seen and expanded
autoplay_enable: Autoplay
autoplay_interval: Autoplay interval in seconds
autoplay_shift_dir: Autoplay path
col_spacing_enable: Allow spacing to happen between grid cells. 0 is helpful for seamless/spaceless grids of pictures.
col_spacing_size: Spacing that happens between grid cells.
cols: Column rely. Degrades on smaller screens. Degradation steps will be simply adjusted in css.
ctrl_always_visible: Slider controls seen always or on hover solely
ctrl_arrows: Show navigation arrows.
ctrl_arrows_full_width: Areas nav arrows as far other than one another as attainable
ctrl_arrows_pos_shift_x: Customized horizontal offset of slider arrows
ctrl_arrows_pos_shift_y: Customized 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: Minimal spacing between arrows
ctrl_external: Outline exterior parts that may be capable to change slides. Quantity in slide_id will lead to absolute hyperlink. ‘prev’ or ‘subsequent’ will behave as navigation arrows
ctrl_padding: Minimal distance of nav controls from gridslider ingredient borders
ctrl_pag: Show pagination
ctrl_pag_pos_shift_x: Customized horizontal offset of slider pag
ctrl_pag_pos_shift_y: Customized 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: Minimal spacing between pagination objects
ctrl_style: Model 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 might be displayed when a component is hovered
grid_height: Constrain forces sqare cells, numeric worth forces mounted top. Particularly helpful for media galleries.
hide_grid_cell_overflow: Superior: Helpful when there’s a grid gallery of pictures with column spacing and pictures are larger than column content material top (virtually it means vertical margins appear to be half the scale). This behaviour isn’t pressured by default as generally galleries shouldn’t require it. This feature set to false by default permits content material (corresponding to tooltips) throughout the column to overflow outdoors column borders and is usually much less invasive
image_stretch_mode: Picture stretch mode. Auto doesn’t have an effect on pictures. Different sorts are particularly helpful for picture galleries.
img_title_pos_x: Horizontal place of picture title (it’s at all times full width in the intervening 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 ingredient transition
pause_autoplay_on_hover: Pauses autoplay when person mouse pointer hovers over the gridslider ingredient
rows: Row rely. 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: Rework ingredient right into a slider (0 will create a grid solely)
theme: Defines ingredient theme, default is mild. ‘darkish’
view_pos: Seen slide
width: Goal ingredient width

See detailed view of all options and their description.

Mission

Predominant 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 attainable. Grid and slider performance don’t have an effect on precise content material behaviour. Due to that you would be able to simply add a lightbox to a grid of pictures the identical means you’d with out this plugin or have another aspect performance nonetheless in place when plugging in a gridslider to a particular ingredient.

Picture Gallery Choices

Easy listing of pictures will be reworked in a number of alternative ways. For instance you may constrain width to top ratio of grid cells in order that they’re at all times sq., auto or customized mounted top. Pictures inside grid cells will be additionally additional manipulated by altering their container fill mode. You possibly can see a few sensible implementation examples on the slider demo page or by shopping the examples obtainable contained in the package deal upon obtain.

Assist

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

E mail: [email protected] (please embody your merchandise buy code together with the issue description)
Forum

Replace Log

August 6, 2013, model 1.4.0

Mounted: Responsiveness of slider navigation
Added: Customizable nav prev/subsequent arrows and pagination place and kinds (arrows spanning full width at the moment are obtainable additionally)
Added: Choice to disable scroll on mousewheel
Addded: Mild / Darkish theme compatibility
Mounted: Exterior hyperlinks pointing to particular slides
Mounted: Revised documentation and extra descriptive and novice person pleasant examples

March 5, 2013, model 1.3.1

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

September 30, 2012, model 1.3

Mounted: Core fixes
Mounted: IE7/8 compatibility
Mounted: Normal tweaks and a few structural modifications

June 18, 2012, model 1.2

Mounted: Autoplay with navigation disabled
Added: Exterior controls now enable for linking to prev/subsequent slides, too (solely absolute linking was attainable earlier than)
Normal tweaks and a few structural modifications

Might 6, 2012, model 1.1

Added: Dynamic including of recent parts into present gridsliders
Added: Exterior linking to particular slides
Added: Computerized titles for pictures
Added: Loop choice
Added: Easing results for slide transitions
Added: Mousewheel assist
Added: Swipe assist for cellular gadgets
Extra 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, companies slider, testimonials slider and extra