2011-08-15 164 views
1

我正在建立一个图像库的网站。colorbox整合问题

有一个正常的颜色框启动脚本

$('.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标签没有超链接。 而现在的问题。通过这种方式,没有关于上一页,下一幅图像和总图像数量的箭头和信息。

有什么办法解决我的问题吗?

我再说一次,我有两种类型的图片在我的数据库中。

  1. 一个划归为超链接(默认颜色框方式)
  2. 的img标签没有超链接,但用颜色框类(奇怪的方式)

任何方式这2种组合的img标签上电正常工作脚本?

回答

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; 
}}); 
+0

感谢您的答案,但我做了另一种方式。在加载之前,我更改所有添加超链接的img格式,以便所有图像都相同,并且正常的colorbox脚本正在触发它们而没有任何问题 – David

0

...这个怎么样:

1 - 组中的所有图像由一些类选择

2 - 使用的onLoad回调来检查并为没有被包裹的图像设置href值超级链接

+0

你能写样品N2代码与onload回调和搜索img数据没有超链接和包装到超链接? – David