Question

这可能看起来像一个奇怪的问题，但我还没有设法找到解决问题的另一种方法。如果这是漫长的啰嗦道歉，但我想尝试解释我正在尝试做什么！

基本上，我正在使用灯箱来显示一个图像，当点击它时，放大图像（这就是灯箱的作用......！）这很好，但是：实际实际上所做的灯箱是加载另一个图像 - 非常有用，因此您可以拥有两个文件，一个小文件（缩略图）和一个大文件。我甚至可以在两个位置放置相同的图像，并使用CSS / html缩放小图像 - 正如我在这里 - 相关的灯箱代码片段如下：

<a href="image1.gif" rel="lightbox" title="Project one image">
<img  src="image1.gif" width="200px" alt="small version of image" /></a>

（据我所知，最好有两个单独的文件来加载时间等，但在这种情况下这不起作用）

但我遇到的问题是图像标签中的图像需要能够更改（到完全不同的图像），没有其他任何内容都被更改 - 所以不更新href用于灯箱链接。但是灯箱需要显示与图像标签相同的图像 - 当它站立时，img标签和标签都需要更改才能执行此操作。在这种情况下，将无法编辑标签 - 我正在设置它以允许另一个（相当技术恐惧的）人使用CushyCMS（内容编辑器）替换图像 - 这实际上只能提供更改图像的能力本身，因为我不能依赖这个人来更新标签（这绝对不是一个选择！）

我需要知道的是，是否有一种方法可以使a标签中引用的图像自动与img标签中引用的图像相同，无论当时可能是什么？从目前为止的研究中我认为jquery / javascript将是解决方案。
我已经尝试修改我发现的其他一些javascript代码，但可能是由于我自己的无能，我无法使其工作。

如果有人有解决方案，我们将非常感激，如果他们也能为我辩护，我已经成功使用了带有脚本标签的javascript，但除此之外我没有取得什么成功！

感谢您抽出时间阅读以及任何人可以提供的任何帮助！

Answer 1

我仍然对这个问题感到困惑，但我认为这就是你想要的。 img src属性可以从CMS更改，但不能更改a。试试这个来解决它：

$(document).ready(function(){
    var $a = $('a[rel=lightbox]');
    $a.each(function(){
        $(this).attr('href', $(this).find('img').attr('src'));
    })

})

自动获取<a> tag from the src of an <img/> tag</a>中的href

1 个答案: