Check out the demos to see many of these settings in use.

autoHeight
Values: true, false, 1, 0
Default: true
Description: Dynamically adjusts slider height according to the height of the content in each panel.
Notes: If set to false or 0, the height of the slider will be set to the height of the tallest panel.

autoHeightEaseDuration
Values: Any amount of milliseconds.
Default: 1000
Description: Duration of autoHeight easing effect.
Notes: Ideally, this should use the same value as slideEaseDuration (see below). Depends on autoHeight being set to true or 1.

autoHeightEaseFunction
Values: See Robert Penner's Equations Visualizer for the full list.
Default: "easeInOutExpo"
Description: Easing method used for autoHeight effect.
Notes: Value must be enclosed in quotes. Depends on autoHeight being set to true or 1.

autoSlide
Values: true, false, 1, 0
Default: false
Description: Specifies whether slider should move between panels automatically.

autoSlideInterval
Values: Any amount of milliseconds.
Default: 7000
Description: Time to wait before auto sliding.
Notes: Depends on autoSlide being set to true or 1.

autoSlideStopWhenClicked
Values: true, false, 1, 0
Default: true
Description: Determines whether the autoSlide function should stop when user interacts with the slider.
Notes: Depends on autoSlide being set to true or 1.

crossLinking
Values: true, false, 1, 0
Default: true
Description: Allows permalinking to each slider panel via a URL hash (e.g. http://www.myslider.com/#4).
Notes: Works best if autoSlide (see above) is disabled. Only numbers can be used for the hash values; they are automatically generated by the script. If this cross-linking is enabled and a valid URL hash is presnt, and setting specified for firstPanelToLoad (see below) will be overruled.

dynamicArrows
Values: true, false, 1, 0
Default: true
Description: Places left and right buttons alongside the slider.
Notes: Set this to false or 0 and you can still hardcode the left and eight buttons in the HTML, giving you more flexibility with positioning. See Example 4 in the demos.

dynamicArrowLeftText
Values: Anything you want.
Default: "« left"
Description: The anchor text used for the dynamic "slide left" button.
Notes: Depends on dynamicArrows being set to true or 1.

dynamicArrowRightText
Values: Anything you want.
Default: "right »"
Description: The anchor text used for the dynamic "slide right" button.
Notes: Depends on dynamicArrows being set to true or 1.

dynamicTabs
Values: true, false, 1, 0
Default: true
Description: Adds tabbed navigation to the slider.
Notes: panelTitleSelector (see below) lets you specify what anchor text is used in each tab.

dynamicTabsAlign
Values: "center", "left", "right"
Default: "center"
Description: Specifies the horizontal alignment of the tabbed navigation, relative to the slider.
Notes: Depends on dynamicTabs being set to true or 1. Value must be enclosed in quotes.

dynamicTabsPosition
Values: "bottom", "top"
Default: "top"
Description: Specifies whether the tabbed navigation should appear above or below the slider.
Notes: Depends on dynamicTabs being set to true or 1. Value must be enclosed in quotes.

externalTriggerSelector
Values: Pretty much any jQuery selector, but best to reference an anchor.
Default: "a.xtrig"
Description: Specifies the selector for elements on the page, apart from the usual navigation elements, which should trigger a slide.
Notes: Value must be enclosed in quotes. The external trigger must have a rel attribute to specify the id of the slider which it should affect. If cross linking is required, also be sure to include a href attribute, specifying the appropriate URL hash. See Example 3 in the demos.

firstPanelToLoad
Values: Any integer corresponding to a panel (e.g. use 2 if you want the second panel to load first).
Default: 1
Description: Specifies the panel that should be loaded first, in the absence of cross-linking.
Notes: See Example 5 in the demos.

panelTitleSelector
Values: Pretty much any jQuery selector.
Default: "h2.title"
Description: Specifies which element within each panel the tabbed navigation anchor text should be copied from.
Notes: Depends on dynamicTabs being set to true or 1. Value must be enclosed in quotes.

slideEaseDuration
Values: Any amount of milliseconds.
Default: 1000
Description: Duration of slide easing effect.
Notes: Ideally, this should use the same value as autoHeightEaseDuration (see above). Depends on autoHeight being set to true or 1.

slideEaseFunction
Values: See Robert Penner's Equations Visualizer for the full list.
Default: "easeInOutExpo"
Description: Easing method used for slide effect.
Notes: Value must be enclosed in quotes.

Is there an option for a slide direction? Horizontal/Vertical?

Thanks,
Jason

Does this plugin support ajax? meaning, clicking on a item initializing a ajax request. Thanks

At first, I want to congratule the team for the great work. It's easy to use and really clean and clear.


But I would include on my slider pages by Ajax... Is it already thought ? It's not explained in the documentation. Thank you...

Took it upon myself to add the ability to choose the direction scrolling. Added option slideDirection with possible options "vertical" and "horizontal" for vertical and horizontal scrolling, respectively.

http://faceit.com.ua/scripts/coda-slider_2.1.zip

hi, this is an amazing slider. but i want to stop the loop, is it possible?

Is there anyway to have a cross-link, link to two panels?

E.g., When you press 'Link 1', Panel 1 from 'coda-slider-1' and 'coda-slider-2' move at the same time.

Not just to two, but even more panels.

What I am trying to do is to have one link/button that can rotate multiple panels at the same time.

How can I do that?

Thanks.

P.S. Awesome script by the way!!!

dude your awesome!
i've been using coda slider 1.1 and your latest version is way more configurable with these settings - very easy!
thanks!

hi to all... I'm a newbe and I liked so much this tool, made a lot of work for me and I'm investigating now of jQuery because I cant fix a trouble but I didnt get it yet

I'm adding tabs, 8 and in the tab panel and separates the tabs by 7 tabs above and 1 below of them and above of the main panel, and I remove 1 of the 8 panels and makes the same, 6 above and 1 below.

I made the main panel bigger by a css example, and tried everything on the properties to made the same for the tab panel, but cant find out, can you help to do it or tell me whats the right property to make it?

thanks a lot guys =)

I would like to make my own ajax implementation, pre-loading a new tab, then triggering the slider, but I can't seem to figure out how to trigger it with javascript... I tried .click() on the <a> tag but to no avail.. is there a direct method?

Awesome plugin by the way

Brian

OK I must have done something wrong before... this works:

<a href="#" onclick="$('#coda3').click();">TEST</a> <!-- to be replaced with JS -->
<a class="xtrig" id=coda3 href="#3" rel="coda-slider-1">&lt; Panel 3</a>

Brian

I have this same problem and can't find a solution anywhere!
Can anyone help?

crude but it works. if you want some to do it and some not, add an entry to the settings array like "stopAtEnd" and test for it like if(settings.stopAtEnd)

Hi.
1st of all, thanks for this slider! It's very useful
but i have a question:
Is there a possibility for me, to add pictures to where the tab labels are?
Thanks for your answer
best regards
Dsykiller

Ok i found it
in JS: dynamicTabs: false,
<div id="coda-nav-1" class="coda-nav">
<ul>
<li class="tab1"><a href="#1"><img src="file.ext" /></a></li>
</ul>
</div>