jquery - jQuery - 如何将导航添加到简单的画廊

Question

我的画廊脚本有另一个问题

var tag = $('a.click [rel="gall"]');
$(tag).live('click', function() {
    $('body').append('<div class="curtain" />').append('<div class="box" />').css({'overflow':'hidden'});
    $('.box').css({'width': '400px', 'left': '400px', 'top': '50%', 'margin-left': '-200px', 'margin-top':'-200px'}).append('<a class="close" style="margin-left: 406px" title="close" ></a>').append('<div class="image" />').append('<p />');
    $('.close').click(function() {
        $('body').removeAttr('style');
        $('.curtain, .box').hide();
    })

    for(var i=0; i < $(this).find('img').length; i++) {
        var width = $('.image').width();
        $('.box p').html('<b>'+$(this).attr('title')+'</b><br />'+$(this).find('img').attr('alt'));
        $('.box .image').append('<img src="'+$(this).attr('href')+'" alt="image" />');
    }
    return false;
});

我想知道如果有更多具有相同 rel 属性的链接，如何添加导航？

可以告诉我如何做到这一点，如何<a href="#" rel="gall" >用 img 计算所有内容以及是否有多个 display prev next 按钮？

每个答案都很重要:)