Question

我有一些带有一些图像的div，它们在灯箱上打开（prettyphoto）。使用一个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”-Attribute
将“_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') + '"/>';
});

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

1 个答案: