I've got code like that:
<ul class="gallery_demo_unstyled">
<li class="active"><img src='001.jpg' /></li>
<li><img src='002.jpg' /></li>
<li><img src='003.jpg' /></li>
<li><img src='004.jpg' /></li>
<li><img src='005.jpg' /></li>
<li><img src='006.jpg' /></li>
</ul>
<div class="Paginator">
<a href="../2/" class="Prev"><<</a>
<a href="../1/">1</a>
<a href="../2/">2</a>
<span class="this-page">3</span>
<a href="../4/">4</a>
<a href="../5/">5</a>
<a href="../4/" class="Next">>></a>
</div>
<div class="Albums"><div class="AlbumsMenu">
<p><b>ALBUMS</b></p>
<p><a href="../../blackandwhite/1/" >blackandwhite</a></p>
<p><a href="../../color/1/" class='this-page'>>>color</a></p>
<p><a href="../../film/1/" >film</a></p>
<p><a href="../../digital/1/" >digital</a></p>
<p><a href="../../portraits/1/" >portraits</a></p>
</div></div>
...以及一些JavaScript/jQuery,允许循环浏览图片(即顶部的li元素),在最后一张图后返回第一张:
$$.nextSelector = function(selector) {
return $(selector).is(':last-child') ?
$(selector).siblings(':first-child') :
$(selector).next();
};
当前页面始终具有“this-page”类(在我的情况下是span或p,但如果必要,我可以更改它)。
问题:我应该在我的代码中进行哪些更改,以使其在最后一张图像之后进入下一页,而不是一遍又一遍地循环浏览页面,并且在最后一页后进入下一个相册?并且在最后一个-最后一个-最后一个图像之后回到第一个相册的第一页上的第一张图片(或者只停在那里 - 真的不在意)?
ul.gallery_demo_unstyled
当新页面被打开时,以及div.AlbumsMenu
当新相册被打开时? - Anurag