问题描述
|
感谢克里斯托弗的
jQuery / Colorbox-创建一个单独的链接来打开colorbox?
我需要多个链接,如何比现在更优雅地编码它
我将有九个画廊..一个数组?
http://carlossilva.org/test_colorbox.html
感谢大家抽出宝贵的时间!
解决方法
有很多方法可以做到这一点。这是一个动态形成REL属性的简单示例。再花几分钟时间,您可能会比这更优雅。
的HTML
<body>
<ul>
<li id=\"gal0\">Gallery 1</a>
<li id=\"gal1\">Gallery 2</a>
</ul>
<div class=\"cannotview\">
<a href=\"img/tour1.jpg\" rel=\"gal0\"></a>
<a href=\"img/tour2.jpg\" rel=\"gal0\"></a>
<a href=\"img/tour3.jpg\" rel=\"gal1\"></a>
<a href=\"img/tour4.jpg\" rel=\"gal1\"></a>
</div>
</body>
jQuery查询
$().ready(function () {
$(\'li\').one(\'click\',function () {
var myRel =\'a[rel=\' + $(this).attr(\"id\") + \']\';
var $gallery = $(myRel).colorbox().eq(0);
$gallery.click();
$(this).click(function(){
$gallery.click();
});
});
});
问候,凯文·M。