jquery - 设置图像链接到自身并在 colorbox 中打开

Question

我有一个图像，已通过 CSS 调整大小，在 HTML 页面上显示为 100x100px。单击时，我想在颜色框中打开图像 - 这样用户就可以看到正常显示的未调整大小/压缩的版本。

我已经弄清楚如何将 href 的路径设置为自身(因此不必每次都更改)(见下文)，尽管不确定如何让 colorbox 部分工作 - 我尝试更改'each' 到 'colorbox' - 按照您通常如何分配颜色框，并且它打开，它只是不加载其中的图像:S

任何指针都会很棒 -

<div class="logoImage"><img src="../tym_img_shared/background-2.jpg" alt="Your company logo" /></div>

 $(document).ready(function(){
$('div.logoImage img').each(function(){
    var $this = $(this);
    $this.wrap('<a href="' + $this.attr('src') + '"></a>');
});

});

更新:想一想，也许在设置源的同时设置链接的“re”属性会更容易？

更新:

$(document).ready(function(){
    $('div.logoImage img').each(function(){
        var $this = $(this);
        $this.wrap('<a rel="gallery" href="' + $this.attr('src') + '"></a>');
    });

});

由于某种原因不起作用 - 但如果我对 URL 和 rel 进行硬编码，它就会起作用？

Answer 1

这成功了......

$(document).ready(function(){
  $('.logoImage img').each(function(){
        var anchor = $('<a/>').attr({'href': this.src}).colorbox({height: "90%", title: "Your Company Logo"});
        $(this).wrap(anchor);
  });
});