jQuery lightbox を適用したいリンクの絞り方

初版: 2009/11/20 01:52

最新: 2009/11/20 02:00

jQuery lightbox 愛用しています。
それに伴い遅まきながら jQuery の使い方も覚えました。
その結果lightboxを適用したい a要素をクライアント側で(サーバー側の細工なしに)思うように選択できるようになりました。

以下の例では a要素の href属性の値が gif,png,jpg の拡張子になっているものだけに適用します。
おまけで a要素の子要素のimg要素が持っているtitle属性の値をa要素のtitle属性に与えています(これはlightboxのキャプションになります)。

ことばで書くとややこしいのでともかくコードを見てくださいね。

$(function() {
    $('a').filter(function(){
        if($(this).attr('href').search(/\.(jpg|jpeg|gif|png)$/i) != -1){
            $(this).attr({title: $(this).children('img[title]').attr('title')});
            return true;
        }
        else{
            return false;
        }
    ).lightBox();
});