Javascript 尾波滑块按id直接转到特定幻灯片

我刚刚编辑了内容的滑块使用

所以我有一个照片库，当我点击任何照片时，它会打开一个带有尾波滑块的页面。单击哪个图像，该图像是第一个滑块。单击下一张，滑块切换到下一张照片，但单击上一张照片，滑块返回到开头，而不是上一张照片

在图库中，它看起来像这样：

<div class="one_fourth">                        
     <div class="imgNikon">
            <a href="../photos/bw_slider.html#2"><img src="../photos/2.jpg" width="150" height="100" />
            <span class="imgFrameNikon"></span></a>
   </div>
   <a href="../photos/bw_slider.html#2"><h6 style="margin-bottom:20px;"align="center">2<br /><br /></h6></a>
</div>  


<div class="one_fourth">                        
        <div class="imgNikon">
            <a href="../photos/bw_slider.html#1"><img src="../photos/1.jpg" width="150" height="100"/>
            <span class="imgFrameNikon"></span></a>
    </div>
    <a href="../photos/bw_slider.html#1"><h6 style="margin-bottom:20px;"align="center">1<br /><br /></h6></a>
</div> 

因此，bw_slider.html是包含尾波滑块的页面。 链接1的延续，在另一种情况下是链接到包含该id的特定幻灯片的直接链接

在尾波滑块中，更多的幻灯片如下所示：

<div id="1">
<h2>1</h2>
  <img src="1.jpg"  width="600" height="400" />
    <div class="photo_gallery"> 
              <p >Some text...</p>
    </div>
</div>
<div id="2">
<h2>2</h2>
  <img src="2.jpg"  width="600" height="400" />
    <div class="photo_gallery"> 
              <p >Some text...</p>
    </div>
</div>

尾波滑块的js位于上面的链接上

---

有人知道如何避免从滑块内容的中间启动滑块时回到开头吗。

您在哪里定义了id的1和2？您好，我在库中定义了id的1和2：