如何制作colorbox内嵌图像,使用colorbox tigger在视图中创建,打开下一图像onclick

问题描述:

我创建了一些图库,使用colorbox触发器,其中包括图像,标题,评分按钮。一切正常,图像链接到一个节点。我希望我工作的默认彩色图像集合,以便当我点击图像时,它会打开画廊中的下一个图像。我完全陷入困境,我一直在寻找3天,并没有找到任何东西。我试图做颜色框覆盖内的可点击的图片,这将切换到下一个图片库页面,并试图像这样的代码不同的变化:如何制作colorbox内嵌图像,使用colorbox tigger在视图中创建,打开下一图像onclick

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="/sites/all/libraries/colorbox/colorbox/jquery.colorbox-min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#nextlink").click(function() { 
    $.colorbox.next(); 
    }); 
}); 

,并没有任何反应,当我点击NEXTLINK。虽然prev和下一个buttong正如我所愿,但我没有成功应对他们的代码。

您是否验证过您的事件处理程序正在触发?另外,如果这来自具有href属性的锚点元素,则必须处理默认行为。

$(document).ready(function() { 
    $("#nextlink").click(function(e) { 
     $.colorbox.next(); 
     e.preventDefault(); 
    }); 
}); 

当您尝试为其分配事件处理程序时,文档中是否存在'#nextlink'?如果没有,你应该使用一个实时事件(或者更新你的jQuery版本,并使用更新的方法来处理事件委托)。

$(document).ready(function() { 
    $("#nextlink").live('click', function(e) { 
     $.colorbox.next(); 
     e.preventDefault(); 
    }); 
});