1

我刚刚使用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 是包含结尾滑块的页面。链接 #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在上面的链接上。

有谁知道从滑块内容的中间开始滑块时如何避免回到开头。

4

0 回答 0