$indicator.html(indicatorHTML);
-
function goToSlide(index){
$slideGroup.animate({left:-100*index+'%'},duration,easing);
currentIndex = index;
$indicator.find('a').removeClass('active')
.eq(currentIndex).addClass('active');
}
-
- function startTimer(){
- timer = setInterval(function(){
- var nextIndex = (currentIndex+1) % slideCount;
- goToSlide(nextIndex);
- },interval);
- }
-
- function stopTimer(){
- clearInterval(timer);
- }
-
-
-
+
$nav.on('click','a',function(event){
event.preventDefault();
if ($(this).hasClass('prev')){
goToSlide($(this).index());
}
});
-
-
-
+
goToSlide(currentIndex);
-
-
+
});
});
<title>Top Page</title>
<link rel=stylesheet href='static/css/top.css'>
<link rel=stylesheet href={{static_url('css/normalize.css')}}>
- <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js></script>
+ <script src={{static_url('js/jquery-1.10.2.min.js')}}></script>
<script src={{static_url('js/top.js')}}></script>
<script src={{static_url('js/modernizr.custom.min.js')}}></script>
<script src={{static_url('js/jquery-ui-1.10.3.custom.min.js')}}></script>