Jquery/Colourbox many links to colourbox galleries/Array?_问答_开发者

Jquery/Colourbox many links to colourbox galleries/Array?

开发者 https://www.devze.com 2023-03-08 16:36 出处：网络

Thanks Christopher for jQuery / Colorbox - create a separate link 开发者_JS百科to open the colorbox?

Thanks Christopher for jQuery / Colorbox - create a separate link 开发者_JS百科to open the colorbox? I need more than one link, how can I coding it more elegant way than now i will have nine galleries..An Array? http://carlossilva.org/test_colorbox.html

Thank everybody for taking time!

There are many ways to do that. Here is a simple one that dynamically forms the REL attribute. You could get much more elegant than this with a few more minutes...

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();
        });
    });
});

Regards, Kevin M.