引用 img src 中的变量来建立链接？答案

【问题标题】：Referencing variables in an img src to make a link?引用 img src 中的变量来建立链接？
【发布时间】：2014-04-23 16:11:50
【问题描述】：

我正在尝试将一个字符串和一个数字放在一起，以便一个变量位于图像链接中，因此由字符串和数字的值形成的变量将显示在链接中，但只是显示原始名称，而不是变量的值。

      var link1 = 'restOfLink.gif';

      var myFunction = function(number){

      var imgLink = 'http://i60.tinypic.com/';

      var randomNumber = Math.floor((Math.random()*5)+1);

          $("div").append("<img src = '"+imgLink+'link'+randomNumber+"'/>");
       }

randomNumber 并不总是 1，但我们假设它是。链接显示为http://i60.tinypic.com/link1.gif 有什么帮助吗？我正在尝试制作一个在单击 div 时显示新随机图像的应用程序。（上面的代码不是全部的代码，但足以解决我的问题）

【问题讨论】：

对不起，我不小心按了回车，给我一秒钟编辑：)
我建议你也做一个jsfiddle
一些说明问题/背景的例子会很有帮助

标签： javascript image variables src

【解决方案1】：

如果您想创建一个动态的img 元素，其中一个变量作为链接或其一部分，您可以这样做：

//These are just example variables, you can use your own the same way.
var imgPath = '/images/blog/';
var size = '200x450';

document.createElement('img').src =  imgPath + 'yourImage' + size + '.png';

JsFiddle Demo.

对于您的示例，我建议您创建一个可以使用随机数访问的链接数组，例如：

var links = ['restOfLink.gif', 'anotherexample.png', 'yetanother.jpg'];

要从links array 中选择特定图像，您需要将其出现的索引传递给它，0 是第一个。

例如：

links[0] --> "restOfLink.gif"
links[1] --> "anotherexample.png"
links[2] --> "yetanother.jpg"

使用此方法查看此JsFiddle 演示。

【讨论】：

谢谢！不过，我仍然无法产生我想要的结果。我有变量： var link1 = '2c0yyr.gif';和 var imgPath = 'i60.tinypic.com';和 var randomNumber = 1;现在在 image.src 中，我希望能够将链接更改为某个变量，并且我希望它可以更改链接到的变量，例如：image.src = imgPath + 'link'+1;将链接到变量link1。这可能吗？
@Hexman 我想我明白你现在想做什么了，我已经更新了我的答案并包含了一个新的 Jsfiddle。
完美回答了我的问题！太感谢了！ :D

【解决方案2】：

您应该通过连接 Javascript 中的不同部分来创建链接字符串，然后更新 img src 属性。比如：

var bar = 3;
var linkString = "http://www.foo.com/image_number_" + bar + ".jpg";

document.getElementById("yourImgId").src = linkString;

最好的。

【讨论】：

【解决方案3】：

不知道你想要什么。 JSFiddle 会按照建议提供帮助，但这是我尝试的答案：

string = "lol";
number = 1;
source = string+number;

$(".element").attr('src', source+".jpg");

不过，您需要 JQuery。

【讨论】：