使用取决于一个ID的JavaScript更改HTML网页上的图像

-2

我是相当新的JavaScript和我想显示其变化取决于一个ID，用户类型的图像。使用取决于一个ID的JavaScript更改HTML网页上的图像

下面我声明的变量“图标”来存储URL +图标ID + png格式来完成URL的值：

icon = "http://ddragon.leagueoflegends.com/cdn/6.2.1/img/profileicon/" + summonerIcon + ".png"

什么这个变量可以包含一个例子是："http://ddragon.leagueoflegends.com/cdn/6.2.1/img/profileicon/14.png"

我想使用此变量中的信息来显示o在我的html页面中，所以当用户输入用户名时，javascript应该返回一个匹配用户提交的ID的图像。

这些图像都存储在上面显示的网址，它们不存储在本地。

感谢您阅读我的问题。

来源

2016-02-05 David Forster

你有什么与你，HTML？你可以发布吗？ –

这应该会给你提示.. http://www.w3schools.com/jsref/prop_img_src.asp ... –

所以图像与页面不在同一个域中？这不是一个好主意，也许你应该在本地下载和存储这些图像。如果CC允许您这样做并使用这些资产。 – pid

使用jQuery钩入输入中的变化事件，该事件将决定ID，然后将值拉入图标变量。

HTML

<input type="text" name="userid" id="id />

function getVals() { 
    var icon = $("#id").val(); 
} 

$("input").change(getVals); 
getVals();

你必须调整的getVals函数将其重新呈现您所显示的图像，但是这应该指向你在正确的方向。

来源

2016-02-05 14:13:27 Sidriel

这使用jquery插件。

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $('#btnLoad').click(function(e){ 
      var baseUrl ='http://ddragon.leagueoflegends.com/cdn/6.2.1/img/profileicon/'; 
      $('#iconHolder').attr('src', baseUrl + $('#iconId').val() + '.png'); 
     }); 
    }); 
</script> 
Icon Id <input id="iconId" /><button id="btnLoad">Load</button> 
<br/> 
<img id="iconHolder" />

来源

2016-02-05 14:18:31 rma

使用取决于一个ID的JavaScript更改HTML网页上的图像

回答

相关问题