Wednesday, 15 February 2012

javascript - Delaying Query ulSlide plugin -



javascript - Delaying Query ulSlide plugin -

so using fantastic jquery ulslide plugin. have delay on animation. .delay() function doesn't seem work when calling plug-in. suggestions?

site: http://www.carlpapworth.com/friday-quiz/#

html:

<ul id="qbox"> <!--q1--> <li class="qcontainer"> <div class="qquestion">question </div> <ul class="qanswers"> <li><a href="#" class=""><h3>answer a</h3></a></li> <li><a href="#" class=""><h3>answer b</h3></a></li> <li><a href="#" class=""><h3>answer c</h3></a></li> </ul> </li> <!--q2--> <li class="qcontainer"> <div class="qquestion">question ii </div> <ul class="qanswers"> <li><a href="#" class=""><h3>answer 1</h3></a></li> <li><a href="#" class=""><h3>answer 2</h3></a></li> <li><a href="#" class=""><h3>answer 3</h3></a></li> </ul> </li> <!--q3--> <li class="qcontainer"> <div class="qquestion">question iii </div> <ul class="qanswers"> <li><a href="#" class=""><h3>answer 1</h3></a></li> <li><a href="#" class=""><h3>answer 2</h3></a></li> <li><a href="#" class=""><h3>answer 3</h3></a></li> </ul> </li> </ul>

custom-js:

$(document).ready(function() { $('#qbox').ulslide({ effect: { type: 'slide', // slide or fade axis: 'x', // x, y distance: 0 // distance between frames }, duration: 2000, autoslide: 0, width: 500, height: 300, mousewheel: false, nextbutton: '.qanswers a', prevbutton: '#e1_prev' }); });

javascript jquery html-lists

No comments:

Post a Comment