JS:从当前图像中读出给定的SRC属性(nivo滑块)

时间:2013-08-25 18:22:29

标签: javascript click nivo-slider

我对javascript很不习惯。

我想从当前图像(nivo滑块)中读出给定的SRC属性。 点击即可打开href

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

我真的很感激任何建议。

3 个答案:

答案 0 :(得分:0)

我认为你的问题有点不清楚。

在您的情况下,

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

答案 1 :(得分:0)

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

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

  3. 这是正确的代码(如果你想重定向)

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

    如果要打开新窗口,则应检查window.open方法。

答案 2 :(得分:0)

我刚看到,我错了。当然,图像标签中没有指定“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” - 属性到图像的标签?