coda滑块直接转到id的特定幻灯片

时间:2013-01-06 17:07:35

标签: javascript slider coda

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

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

在图库中,它看起来像这样:

<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是包含coda滑块的页面。 继续链接#1和另一种情况#2是指向包含该ID的特定幻灯片的直接链接。

在coda滑块中,它看起来更像是幻灯片:

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

coda滑块的js在上面的链接上。

当从滑块内容的中间开始滑动时,有没有人知道如何避免返回到开头。

0 个答案:

没有答案