home|blog|NAVIGATION AUTOSLIDE PROBLEM WITH CODA-SLIDER 2.0

Navigation autoslide problem with coda-slider 2.0

If you want your navigation panel outside the coda wrapper you need to edit a bit the source code.

As an example of what you may want, let’s assume the code below.

<div class="coda-slider-wrapper">
	<div class="coda-slider preload" id="coda-slider-1">
		<div class="panel">
			<div class="panel-wrapper">
				panel 1
			</div>
		</div>
	
		<div class="panel">
			<div class="panel-wrapper">
				panel 2
			</div>
		</div>
	
		<div class="panel">
			<div class="panel-wrapper">
				panel 3
			</div>
		</div>
	</div><!-- .coda-slider -->
</div><!-- .coda-slider-wrapper -->




<div id="coda-nav-1" class="coda-nav">
    <ul>
         <li class="tab1">nav 1</li>
		<li class="tab2">nav 2</li>
		<li class="tab3">nav 3</li>
	</ul>
</div>

Then to make it works, change the line #220

slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');

with the following:

$('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');

Keep in mind that your navigation may have an ID like “coda-nav-1”, and your slider wrapper should have an ID of “coda-slider-1”.

share:

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*