0

当用户单击幻灯片的缩略图(可能在页面下方)时,我希望主幻灯片图像更改并且页面滚动到顶部(实际主图像幻灯片正在发生的位置)。

下面是我单独工作的两个脚本 - 但是我需要它们同时工作。我希望有人能帮帮忙。

谢谢

<script type="text/javascript">       
     $(function() {
$('a.thumnbnail').bind('click',function(event){
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500,'easeInOutExpo');
    event.preventDefault();
});
});
</script> 
<script type="text/javascript">
$(document).ready(function() {
$('.slideShow').slideShow({
interval: 10
});
});
</script>
4

1 回答 1

0

无需调用两个不同的doc ready

$(function() {  //<---All in this is enough
    $('a.thumnbnail').bind('click',function(event){
       var $anchor = $(this);
       $('html, body').stop().animate({
           scrollTop: $($anchor.attr('href')).offset().top
       }, 1500,'easeInOutExpo');
       event.preventDefault();
    },function(){         // <---------------make this in callback function here
       $('.slideShow').show().slideShow({ // <----display:none initially then show here
        interval: 10
       });
    });
});
于 2013-02-07T18:52:54.580 回答