jQuery自动添加href等于图片地址

Question

我有一个包含一些图像的 div，这些图像在灯箱（漂亮照片）上打开。使用一个 jquery 代码，我使这些图像在灯箱上自动打开，将 rel 属性赋予所有 div 元素。使用 css 我选择了缩略图的宽度/高度。

现在我需要一个类似的代码，以便自动为自己添加一个链接。这可能吗？

我的意思是，我只需要通过后台上传图片，不需要上传缩略图，然后是全尺寸图片，最后添加链接。

这是html：

<div id="tab2" class="tab_content" style="text-align:center">
           <img src="images/img1_thumb.jpg" alt="image1"/>
        </div>

jquery:

$(document).ready(function(){

            $('div.tab_content a').attr('rel', 'prettybox[grandsuite]')

            $("div.tab_content a").prettyPhoto({animation_speed:'normal',theme:'facebook',slideshow:false, autoplay_slideshow: false, social_tools:false, show_title:false, overlay_gallery:false});

        });

谢谢！

Answer 1

好的，所以你需要：

• 从 Dom 中获取每个元素
• 获取其“href”属性
• 将“_thumb.jpg”替换为“.jpg”
• 最后创建一个将“href”设置为原始图像位置的周围元素

让我们这样做：

// Wrap all <img> with an <a> tag and set the link target to the image's src
$("div.tab_content img").wrap(function(){
    return '<a href="' + $(this).attr('src').replace('_thumb.jpg', '.jpg') + '"/>';
});