I'm currently working on a site that uses your JQuery plugin and so
far it's been great. I'm at a point now were I'm trying to use the
pager option.
CODE:
// Initialize 4 tab show
$(document).ready(function(){
$('#featuretabs')
.before('<div id="nav">')
.cycle({
fx: 'turnLeft',
speed: 'fast',
timeout: 0,
pager: '#nav'
});
});
HTML:
<div id="feature2">
<div id="nav" class="nav">
<a class="activeSlide" href="#">The BIG Guide Book</a>
<a href="#">The BIG Guide Online</a>
<a href="#">College Seminars</a>
<a href="#">College Site Access</a>
</div>
<ul id="featuretabs" class="pics">
<li class="book"><p class="left">Sentence. </p><a
href="public-book.html" class="left">More</a></li>
<li class="online"><p class="left">Sentence. </p><a
href="public-online.html" class="left">More</a></li>
<li class="seminars"><p class="left">Sentence. </p><a
href="public-seminars.html" class="left">More</a></li>
<li class="site-access"><p class="left">Sentence. </p><a
href="public-site-access.html" class="left">More</a></li>
</ul>
</div>
CSS:
DEVELOPMENT SITE:
http://graphicpointdesign.com/clients/issi-site/index-donna.html
(1) Using your plugin for the header fade animation
(2) Using your plugin to create a pager effect with the "4 tabs
feature"
I understand that this option creates links according to the values of
the slides but is there a way that I can use text instead of numbers
as the links? I've even tried using the next and previous classes but
those were not connecting to the 4 different slides.
It's been great working with this plugin so any help will be greatly
appreciated.
