html/javascript：使用变量作为 <a href> 的 url答案

【问题标题】：html/javascript: using a variable as url for <a href>html/javascript：使用变量作为 <a href> 的 url
【发布时间】：2010-12-05 01:15:48
【问题描述】：

我用一点 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 存储在变量中：图片

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

非常感谢！

【问题讨论】：

我删除了你关于希望有人能帮助你的介绍。这就是我们在这里的目的，这就是为什么我们正在查看您的问题，因此您得到了很好的帮助。欢迎来到堆栈溢出！ :D
在 changeDivs(p) 中你是在哪里以及如何得到 p 的？
这就是我调用 changeDivs 函数的方式：
那么，你的问题解决了吗？
不.. 不是真的。问题是，它有点复杂。我可能使用十几个链接来更改函数中 div 标记的 bg-img，但需要在“”标记中使用相同的信息。谢谢你的欢迎顺便说一句:)

标签： javascript html url variables

【解决方案1】：

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

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

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

【讨论】：

不起作用。缩略图查看器打开，但没有图片。（它需要 href url 才能打开它——这是我的变量）。但现在你知道问题所在了 :) 到目前为止谢谢
这可能是插件的问题。在 dom 准备好 VIA javascript 和 jQuery 的 NivoSlider 后，我在动态加载方面遇到了类似的问题。但是，我不熟悉缩略图查看器，不知道这是否属实。
感谢您的尝试。既然现在是凌晨 5 点...我会打麻袋:) 再次感谢。