Coda Slider and calling onload panel to display
Hello,
I am using the Coda-slider.js and am wanting to get a specific panel to load instead of the default first one.
So if I have 5 panels (0-4) 0 loads automatically, I'd like to have 2 (middle panel) to load first so that I'd have 2 panels to the left and 2 to the right.
begin js code
-
// when the DOM is ready...
$(document).ready(function () {
var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');
begin html
-
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="who" style="background-image:url(images/test.png); background-repeat:no-repeat; background-position: bottom center">
<br/><h2>first</h2><p>some sweet text</p>
</div>
<div class="panel" id="what" style="background-image:url(images/test.png); background-repeat:no-repeat; background-position: bottom center">
<br/><h2>second</h2><p>some sweet text</p>
</div>
<div class="panel" id="where" style="background-image:url(images/test.png); background-repeat:no-repeat; background-position: bottom center">
<br/><h2>third</h2><p>some sweet text</p>
</div>
<div class="panel" id="when" style="background-image:url(images/test.png); background-repeat:no-repeat; background-position: bottom center">
<br/><h2>fourth</h2><p>some sweet text</p>
</div>
<div class="panel" id="why" style="background-image:url(images/test.png); background-repeat:no-repeat; background-position: bottom center">
<br/><h2>fifth</h2><p>some sweet text</p>
</div>
A punt in the right direction would be greatly appreciated.