Cycle Plugin - join two options
maybe here will be goot to ask i have:
Copy code
- $(document).ready(function() {
-
- $('.slideshow').cycle({
- fx: 'fade',
- speed: 'fast',
- timeout: 0,
- next: '#next2',
- prev: '#prev2'
- });
- $('.slideshow')
- .before('<div id="nav_up">')
- .cycle({
- fx: 'fade',
- speed: 'fast',
- timeout: 0,
- pager: '#nav_up'
- });
- $('.slideshow').cycle({
- fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
- });
-
- });
and html
Copy code
- <div id="nav_up" class="nav">
- </div>
- <div class="slideshow">
- <div style="width:200px;height:200px;background:red">a</div>
- <div style="width:200px;height:200px;background:blue">b</div>
- <div style="width:200px;height:200px;background:yellow">c</div>
- <div style="width:200px;height:200px;background:pink">d</div>
- </div>
- <div class="nav">
- <a id="prev2" href="#">Prev</a>
- <a id="next2" href="#">Next</a>
- </div>
and if i press pager button $('.slideshow').cycle dont work any more.
when slider change div pager dont chage to active..
how can i join this tree element ?? :<
somebody can help??