引用img src中的变量以创建链接

Referencing variables in an img src to make a link?

本文关键字：创建 链接 变量 img src 引用      更新时间：2023-09-26

我试图把一个字符串和一个数字放在一起，这样一个变量就在图像链接中，所以由字符串和数字值组成的变量会显示在链接中，但只显示原始名称，而不是变量的值。

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

如果您想创建一个以变量作为链接或其一部分的动态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演示

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

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

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

例如：

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

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

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

var bar = 3;
var linkString = "http://www.foo.com/image_number_" + bar + ".jpg";
document.getElementById("yourImgId").src = linkString;

最好。

不知道自己想要什么。JSFiddle会按照建议提供帮助，但以下是我尝试的答案： 
string = "lol";
number = 1;
source = string+number;
$(".element").attr('src', source+".jpg");

不过，您需要JQuery。

相关文章：