by KevinBatdorf

KevinBatdorf / codaslider

JQuery Slider Plugin

126 Stars 57 Forks Last release: over 3 years ago (v3.0) MIT License 57 Commits 1 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Coda Slider

A jQuery HTML Content Slider

Download Here

You can install with bower

bower install jquery-codaslider

How to Use

Install the slider in the footer.


Where the slider-id matches the id of the content, as follows:


Slide 1


Slide 2


Add as many panels as you like within the

One Panel:




Default Settings

                  autoHeight: true,
      autoHeightEaseDuration: 1500,
      autoHeightEaseFunction: "easeInOutExpo",
                   autoSlide: false,
         autoSliderDirection: 'right',
           autoSlideInterval: 7000,
           autoSlideControls: false,
          autoSlideStartText: 'Start',
           autoSlideStopText: 'Stop',
    autoSlideStopWhenClicked: true,
                  continuous: true,
               dynamicArrows: true,
      dynamicArrowsGraphical: false,
        dynamicArrowLeftText: "« left",
       dynamicArrowRightText: "right »",
                 dynamicTabs: true,
            dynamicTabsAlign: "center",
         dynamicTabsPosition: "top",
            firstPanelToLoad: 1,
          panelTitleSelector: "h2.title",
           slideEaseDuration: 1500,
           slideEaseFunction: "easeInOutExpo"

Cross Links

In order to control the slider from anywhere on the page, use the following code: (Note that this would control 2 sliders)

Tab 1

Auto Slide Controls

Use one or the other depending on whether autoSlide is enabled.



Submit bugs here

Maintained by Kevin Batdorf

Released under the GNU General Public License and the MIT License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.