Javascript製作文本幻燈片從html

我想在網頁上製作文本幻燈片效果。我正在使用JavaScript slidesjs庫，因爲它看起來是最合適的。但是，我無法通過網頁點擊觸發它。Javascript製作文本幻燈片從html

我有一個生動的示例運行在：http://107.22.173.10 請注意，當您單擊「GOTO」鏈接時，什麼都不會發生。

基本代碼如下，似乎頁面應該自動放置'＃'錨以觸發幻燈片。我無法完成這項工作，或弄清楚如何進行調試。

$(function(){ 
    // Set starting slide to 1 
    var startSlide = 1; 
    // Get slide number if it exists 
    if (window.location.hash) { 
     startSlide = window.location.hash.replace('#',''); 
    } 
    // Initialize Slides 
    $('#slides').slides({ 
      preload: true, 
      preloadImage: 'img/loading.gif', 
      generatePagination: true, 
      //play: 5000, 
      //pause: 2500, 
      hoverPause: true, 
      // Get the starting slide 
      start: startSlide, 
      animationComplete: function(current){ 
        // Set the slide number as a hash 
        window.location.hash = '#' + current; 
      } 
    }); 
});

有沒有人看到這裏出了什麼問題？
調試此問題的最佳方法是什麼？
有沒有更好的方法或圖書館我應該使用？任何意見表示讚賞。謝謝！！

來源

2011-12-07 codingJoe

您沒有關注slidesjs.com中的示例。請參閱「基本HTML結構」。您只在#slides_container div中放入一個元素，併爲其分配各種奇怪的絕對定位，這當然不適用於動畫代碼。

複製粘貼示例，然後開始添加您自己的風格調整。

來源

2011-12-07 19:26:59 buddhabrot

我回到了slidejs.com上的示例並使用它們的示例。現在，Goto鏈接在幻燈片中工作，但不在菜單中。這很奇怪，因爲兩個鏈接都是一樣的：'Goto Slide 4'。任何想法爲什麼幻燈片鏈接工作和菜單鏈接不工作？或者如何修復菜單鏈接？（請參閱更新示例http://107.22.173.10） – codingJoe

我放棄了sliderjs庫並使其與prototype.js庫一起工作。我無法得到很酷的幻燈片播放內容，但最後顯示正確的文本。 – codingJoe

Javascript製作文本幻燈片從html

回答

相關問題