0

所以,我创建了这个网站,它有一个使用Superbox某些方面的图片库,但我的客户现在希望能够在图库中前进,而不是仅仅一张一张地点击图片。

<div class="superbox">
    
    <div class="superbox-list">
        <img src="photos/wedding-001s.jpg" data-img="photos/wedding-001.jpg" alt="" class="superbox-img">
    </div>
    <div class="superbox-list">
        <img src="photos/commercial-002s.jpg" data-img="photos/commercial-002.jpg" alt="" class="superbox-img">
    </div>
    <div class="superbox-list">
        <img src="photos/travel-027s.jpg" data-img="photos/travel-027.jpg" alt="" class="superbox-img">
    </div>

</div>

我真的有一种实用的方法来完成这项工作,还是我应该重建画廊?有什么方法可以构建一个数组,允许我现有的布局进行改进?

4

1 回答 1

0

看起来该插件无法提供一系列图像。但是,您可以做的是触发点击功能。

#previous因此,假设您有两个按钮:#next您可以执行以下操作:

$('#previous, #next').click(function(e){
    // If there is not yet an image 'superboxed' 
    // trigger the first image.
    if($('.superbox-show').length == 0){
        $('.superbox-list:eq(0)').trigger('click');
        return;
    }
    // Select the next option
    if($(e.target).attr('id') == 'next'){
        $('.superbox-show').next().trigger('click');
    } else {
        // Select the previous option
        $('.superbox-show').next().trigger('click');
    }
});

您必须对其进行一些调整才能满足您的需求,但这是您可以做什么的基本概念。

于 2013-08-09T17:05:43.840 回答