Question

我正在建立一些带有图片库的网站。

有一个普通的彩盒启动脚本

$('.colorbox').colorbox({rel:'colorbox', opacity:'0.5',
current: '$s_photo[$lid]: {current}, $s_total[$lid]: {total}'});

当我按下覆盖img标签的超链接时，它会启动。

但我也有一些img标签，没有适合它们的超链接。以这种方式，默认的启动脚本无法正常工作。

但我有不同的部分工作。

$('.colorbox').click(function() {
$(this).colorbox({rel:'colorbox', opacity:'0.5',
current: '$s_photo[$lid]: {current},
$s_total[$lid]: {total}', maxWidth: 960,
maxHeight: 640, scalePhotos: true,
href: $(this).attr('src')});
});

这个用于超链接内的img标签和没有超链接的img标签。而现在的问题。通过这种方式，没有关于prev，下一张图像和总图像数量的箭头和信息。

我的问题有什么办法吗？

我再说一遍，我的数据库中有两种类型的图片。

img标签放入超链接（默认的彩盒方式）
img标签没有超链接，但有一个colorbox类（奇怪的方式）

如何在一个正常工作脚本的电源下组合这两种类型？

Answer 1

你应该可以这样做：

$('.colorbox').colorbox({rel:'colorbox', opacity:'0.5',
current: '$s_photo[$lid]: {current}, $s_total[$lid]: {total}'});

$('img.colorbox').colorbox({href:function(){return $(this).src; }});

你也可以这样做：

$('.colorbox').colorbox({rel:'colorbox', opacity:'0.5', current: '$s_photo[$lid]: {current}, $s_total[$lid]: {total}', href:
function(){
    return this.src || this.href;
}});

Answer 2

......怎么样：

1 - 通过某个类选择器对所有图像进行分组

2 - 使用onLoad回调检查并设置未被超链接包裹的图像的href值

彩盒整合问题

2 个答案: