我需要兩個同時發生的事件，當用戶點擊鏈接時

當一個用戶點擊幻燈片的縮略圖（可能是某種方式下來的頁面）我想讓主幻燈片圖像改變和頁面滾動到頂部（實際的主要圖像幻燈片正在發生）。我需要兩個同時發生的事件，當用戶點擊鏈接時

下面是我單獨工作的兩個腳本 - 但是我需要它們同時工作。我希望有人能幫幫忙。

感謝

<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>

來源

2013-02-07 user2051970

你什麼意思，你需要讓他們同時工作？ – natlee75

上面的代碼告訴我，當有人點擊類「縮略圖」的錨標籤時，應該發生動畫，並且當DOM樹可用於操作時，任何類「幻燈片放映」都應該附加到slideShow插件的間隔10（我假設）秒。 – natlee75

您能提供一些關於您使用的slideShow插件的信息嗎？它可能包括某種「下一個」或「前一種」類型的方法，這將允許您通過函數調用來更改其內容... – natlee75

沒有必要在兩個不同的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-07 18:52:54 Jai

我正在使用此幻燈片：https：//github.com/Ephigenia/jquery。幻燈片。我希望縮略圖可以更改幻燈片放映圖像，並讓頁面同時滾動到頂部（同一次點擊）。 – user2051970

進一步進一步 - 是否有可能隱藏幻燈片，直到有人點擊縮略圖，然後讓頁面滾動到幻燈片div顯示的頂部，並顯示剛纔單擊的縮略圖的大版本。下面是一個非常接近的例子：http://kallegustafsson.com/portfolio/ – user2051970

嘗試在回調函數中使用幻燈片，更新了答案。 – Jai

我需要兩個同時發生的事件，當用戶點擊鏈接時

回答

相關問題