Question

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

      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时显示一个新的随机图像。（上面的代码不是所有的代码，但它足以涵盖我的问题）

Answer 1

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

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

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

最佳。

Answer 2

如果您想创建一个动态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演示。

Answer 3

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

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

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

你需要JQuery。

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

3 个答案: