根据变量动态更改图像URL

时间:2012-10-01 14:23:15

标签: javascript jquery

我正在正在制作的项目中显示圆形图。我想通过更改显示的图像URL来更新圆形图,有100个独特的图像,每个图像代表图表上的一个百分点。 URL以这样的方式设置img / circleGraph / circleG-12.png数字(在这种情况下为12)是图表显示的完成百分比。在JavaScript / jQuery中,我如何根据从数据库返回的百分比来动态显示动态显示的URL?

这是我正在处理的.Net MVC应用程序,因此完成百分比将以Razor变量作为小数返回给我。我知道我必须将此变量乘以100才能转换为整数,然后将其设置为URL的一部分,但我不确定如何处理它。

1 个答案:

答案 0 :(得分:2)

$("img").attr("src", "/img/circleGraph/circleG-" + Math.Round(number*100) + fileExtension);

其中number是您从数据库返回的数字,fileExtension是图像文件的文件扩展名(.jpg,.png等等) - 感谢@Shmiddty提醒!