javascript - JS：从当前图像中读出给定的 SRC 属性（nivo 滑块）

Question

我有点不习惯javascript。

我想从当前图像（nivo 滑块）中读出给定的 SRC 属性。通过单击，href应该打开。

$('a', vars.controlNavEl).bind('click', function(){    
    window.location = "xxx currentImage.attr('href')";  //something like that?
});

我真的很感激任何建议。

Answer 1

我刚看到，我错了。图像标签中当然没有指定“href”。

所以我为解决我的问题所做的是：向我的图像添加一个 href 属性，如下所示：

<a class="imgTip1" href="soft-about.html"><img src="images/index-sliders2/soft.jpg" data-thumb="images/nivo-menu/soft.png" alt="" href="soft-about.html" title=""></a>

javascript 现在看起来像这样：

    $('a', vars.controlNavEl).bind('click', function(){  // NEW
            window.location = vars.currentImage.attr('href'); 
    });

到目前为止，这对我有用。

这是任何浏览器或其他什么的问题吗？向 html 中的图像标签添加“href”属性？

Answer 2

我觉得你的问题有点不清楚。

window.location重定向到指定的资源，在您的情况下，重定向到通过 src 属性指定的图像资源。如果您想留在实际页面中，但像弹出窗口或类似的东西显示图像，您可以使用 jQuery 或 Bootstrap。我不知道 Nivo Slider 是否提供该功能。

Answer 3

1. 使用window.location你会将用户从当前页面重定向到另一个页面

2. 您的代码是错误的，您分配给window.location一个字符串而不是对图像SRC属性的引用。

这是正确的代码（如果你想重定向）

window.location.href = currentImage.attr('src');

如果你想打开一个新窗口，你应该检查window.open方法。