Question

我开发了一个带有一点javascript的html页面。我有几个标签，点击链接后，其中一个动态分配了一个背景图像。此URL存储在全局变量中。到目前为止一切都很好。

var picture,thumb

function changeDivs(p)
{
     if (p!='') {
        picture = './images/p'+p+'.jpg'; // global url variable
        thumb = './thumbs/p'+p+'.jpg'; // global url variable
        var pic = "url("+thumb+")";
        document.getElementById("poster").style.backgroundImage = pic;
        }
}

我这样称呼函数：

<a href="javascript:changeDivs('2')">Link</a>

现在我想使用需要像这样访问的thumbnailviewer脚本：

<a href="javascript: global variable" rel="thumbnail"> <!-- Of course this "javascript: global variable" should be a valid url: the stored 'picture' variable -->
        <div id="poster"> 
        </div>
    </a>

所以我将url存储在变量：picture

中

如何通过<a href>访问thumbnailviewer脚本并使用该变量。我不知道是否可以通过函数或如何调用缩略图脚本。

非常感谢！

Answer 1

我认为这是你想要实现的目标。这是jsfiddle 单击'<a href>'后，图像将成为"<div id='poster'>"

的背景

我用您现有的缩略图网址替换了您的图片网址。请确保您的图片和拇指变量的网址存在。另外，我设置了海报div的宽度和高度。

要使用thumbnailviewer，请尝试新的jsfiddle链接。仅供参考，dynamicdrive阻止了jsfiddle访问js文件。请在您自己的项目中尝试代码。

html / javascript：使用变量作为<a href=""></a>的网址

1 个答案: