用于将img标记转换为链接的jQuery插件

时间:2013-07-12 05:33:46

标签: jquery linker

我发现了linker.js“http://www.jquery.gr/linker”,它可以制作 http://www.example.com

[a href="http://www.example.com" >http://www.example.com</a]

但现在我需要这样: 例子 -

<img src="myimage.jpg" class="lightbox" />

到 -

<a href="myimage.jpg" rel="lightbox" ><img src="myimage.jpg" class="lightbox"></a>

我想自动使用标签嵌入我的img标签。 这可能与linker.js?

有关

谢谢。

2 个答案:

答案 0 :(得分:2)

Michal Klouda打败了我,但是:

嗯..不确定你的插件,但是阻止你做这件事的是什么:

$("img.lightbox").wrap(function() {
    return '<a href="' + $(this).attr('src') + '" rel="lightbox" />';
});

如果您将其添加到<head>标记中,则需要执行以下操作:

$(document).ready(function() {
    $("img.lightbox").wrap(function() {
         return '<a href="' + $(this).attr('src') + '" rel="lightbox" />';
     });
});

答案 1 :(得分:1)

HTML

<div>
    <img src="myimage.jpg" class="lightbox" />
</div>

JS

$(document).ready(function () {
    $('.lightbox').each(function(){
        this1 = $(this);
        this1.parent().prepend('<a href="'+this1.attr('src') +'" rel="lightbox"> <img src="'+ this1.attr('src')+'"class="lightbox"/></a>');
       this1.remove();
    });
});

工作演示http://jsfiddle.net/FK8Vu/