鏈接到使用Javascript/CSS/HTML的旋轉木馬中的特定幻燈片

Question

還有類似的其他問題，但答案總是與我沒有使用的特定JQuery代碼有關。相反，我使用W3Schools的幻燈片例子在這裏：

http://www.w3schools.com/howto/howto_js_slideshow.asp

我有一個不同的頁面上的鏈接，我想每個那些鏈接，打開一個特定的幻燈片幻燈片頁面。

我想最近事情是這樣的：

LINK單獨的頁面上：

<a href="slideshow.html#currentSlide(3)"> 

上slideshow.html幻燈片下

點鏈接（也想不出別的鏈接） ：

<div style="text-align:center"> 
    <span class="dot" onclick="currentSlide(1)"></span> 
    <span class="dot" onclick="currentSlide(2)"></span> 
    <span class="dot" onclick="currentSlide(3)"></span> 
    <span class="dot" onclick="currentSlide(4)"></span> 
    <span class="dot" onclick="currentSlide(5)"></span> 
    <span class="dot" onclick="currentSlide(6)"></span> 
</div> 

和JavaScript，理應告知要加載基於散列什麼幻燈片：

if (location.hash) 
{ 
    $('#' + location.hash.substring(1)).click(); 
} 

大概是一個愚蠢的想法，但我對這個東西比較陌生，沒有想法。

Answer 1

你已經差不多了，但你有一個問題。處理要顯示哪個項目的腳本引用了一個不存在的元素。您寫道：

$('#' + location.hash.substring(1)).click(); 

這是要評估對這樣的事情：

$('#currentSlide(1)').click(); 

這告訴jQuery的目標與id=currentSlide(1)的元素，它不會在頁面上存在。

我會建議，而不是與你要顯示的圖像，這樣的只是索引來命名您的網址片段：

<a href="slideshow.html#0">Image 1</a> 
<a href="slideshow.html#1">Image 2</a> 
<a href="slideshow.html#2">Image 3</a> 

然後在slideshow.html頁面使用此命令觸發點擊事件：

$(document).ready(function() { 
    if (location.hash) { 
    var hash = location.hash.slice(1); 
    $(".dot").eq(hash).click(); 
    } 
}); 

這將尋找at the index provided的dot類，然後單擊該元素。

Answer 2

你可以做這樣的事情：

if(location.hash){ 
    //assuming you have a hash like this -> slide1 
    var slide = location.hash; 
    var slideNumber = slide.replace("#slide",""); 
    currentSlide(slide); 
}