我發現linker.js 「http://www.jquery.gr/linker」，它可以使 http://www.example.com到jQuery插件trasforming IMG標籤，鏈接

[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>

我想自動e用標籤抨擊我的img標籤。這是possilbe與linker.js？

謝謝。

來源

2013-07-12 Mg Linn

我認爲這是可能wihtout需要任何插件...但肯定的！你需要清除你的問題更多 – bipen

米哈爾Klouda打我，但：

hm..Not確定自己的插件，但什麼是從這樣阻止你：

$("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" />'; 
    }); 
});

來源

2013-07-12 05:50:47 Michael

'+ 1'爲更快的示例代碼;） –

謝謝Michal，但如果你想讓它工作得更好，你可以做一個'$（this）.attr（'rel' ）'，而不是定義燈箱或添加一個班級，所以它不會這樣做所有的燈箱圖片 – Michael

不工作..！ –

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/

來源

2013-07-12 06:05:43

嗨，Tushar Gupta .. 謝謝。它的工作原理！ –

你好歡迎:) –

jQuery插件trasforming IMG標籤，鏈接

回答

HTML

JS

相關問題