
Ether Grid Slider is an extremally useful jQuery plugin designed for reworking any kind of content material into sensible grids and/or sliders. You should utilize it with any kind of blended content material sorts akin to photographs, movies, companies, testimonials, featured tales or weblog feeds to call just a few. There are lots of completely 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. 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.
Issues / Need assistance?
DON’T USE CodeCanyon Feedback for help requests as that’s not what they’re designed for. It will make our lifes simpler. Thanks prematurely! )” title=”;)” />
Follow Support Guidelines to get in contact with us for sooner turnaround.
Newest Replace
August 6, 2013, model 1.4.0
- Fastened: Responsiveness of slider navigation
- Added: Customizable nav prev/subsequent arrows and pagination place and kinds (arrows spanning full width at the moment are out there additionally)
- Added: Choice to disable scroll on mousewheel
- Addded: Gentle / Darkish theme compatibility
- Fastened: Exterior hyperlinks pointing to particular slides
- Fastened: Revised documentation and extra descriptive and novice consumer pleasant examples
Key Highlights
- 40 choices
- Mousewheel help
- Contact/swipe help for cell gadgets
- Many customized configured parts on single web page
- Fluid & responsive format
- Sensible autoplay
- Picture gallery choices
- Exterior linking – management sliders from anyplace
- Customized transitions, sliding axes, and extra
- Extremely customizable slider navigation
NOTE: Should you’ve bought and are lacking any options don’t hesitate to e-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!
Choices
- align: Goal ingredient alignment
- always_show_img_title: Preserve picture titles seen and expanded
- autoplay_enable: Autoplay
- autoplay_interval: Autoplay interval in seconds
- autoplay_shift_dir: Autoplay route
- col_spacing_enable: Allow 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 rely. Degrades on smaller screens. Degradation steps could 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 aside from one another as potential
- 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 can have the ability 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: Fashion 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 fastened peak. Particularly helpful for media galleries.
- hide_grid_cell_overflow: Superior: Helpful 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 dimensions). This behaviour isn’t compelled by default as generally galleries mustn’t require it. This selection set to false by default permits content material (akin to tooltips) throughout the column to overflow exterior column borders and is mostly much less invasive
- image_stretch_mode: Picture stretch mode. Auto doesn’t have an effect on photographs. 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 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 ingredient transition
- pause_autoplay_on_hover: Pauses autoplay when consumer 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: Remodel 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
Foremost 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. Due to that you could simply add a lightbox to a grid of photographs the identical manner you’ll with out this plugin or have every other aspect performance nonetheless in place when plugging in a gridslider to a selected ingredient.
Picture Gallery Choices
Easy record of photographs could be remodeled in just a few other ways. For instance you possibly can constrain width to peak ratio of grid cells in order that they’re at all times sq., auto or customized fastened peak. Photographs inside grid cells could be additionally additional manipulated by altering their container fill mode. You’ll be able to see a few sensible implementation examples on the slider demo page or by looking the examples out there contained in the bundle upon obtain.
Help
In case of any troubles use and abuse sources under 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
- Fastened: Responsiveness of slider navigation
- Added: Customizable nav prev/subsequent arrows and pagination place and kinds (arrows spanning full width at the moment are out there additionally)
- Added: Choice to disable scroll on mousewheel
- Addded: Gentle / Darkish theme compatibility
- Fastened: Exterior hyperlinks pointing to particular slides
- Fastened: Revised documentation and extra descriptive and novice consumer pleasant examples
March 5, 2013, model 1.3.1
- Fastened: Core fixes
- Added: scroll_on_mousewheel property
- Fastened: jQuery 2.0 compatibility
September 30, 2012, model 1.3
- Fastened: Core fixes
- Fastened: IE7/8 compatibility
- Fastened: Basic tweaks and a few structural modifications
June 18, 2012, model 1.2
- Fastened: Autoplay with navigation disabled
- Added: Exterior controls now permit for linking to prev/subsequent slides, too (solely absolute linking was potential earlier than)
- Basic tweaks and a few structural modifications
Could 6, 2012, model 1.1
- Added: Dynamic including of recent parts into current gridsliders
- Added: Exterior linking to particular slides
- Added: Computerized titles for photographs
- Added: Loop choice
- Added: Easing results for slide transitions
- Added: Mousewheel help
- Added: Swipe help for cell 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
3 Mar 2012, model
- Added IE7 Help
- Added two new choices â?? goal ingredient width and alignment