如何在循环中显示一个图像
How to display one image in loop?
我试图在循环中显示一个图像。知道路径和image-name是正确的这个例子,如何在循环中显示一个图像,当没有找到图像时,浏览器显示最后一个正确的image-name,直到找到image-name ?
@{int j=1;}
<img src="" />
<script>
(function () {
for (var i = 1; true; i++) {
@{ string file = "/MonitoringN/../bitmaps/" + j + ".png"; bool a = System.IO.File.Exists(file) == true; }
var str = "/MonitoringN/../bitmaps/" + i + ".png";
var b = "@a";
if (b)
{
setInterval(function () { $('img').prop('src', str); }, 1000);
} else {
i--;
@{j--;}
}
@{j++;}
}
});
</script>
因为当我执行这段代码时,我得到一个空白图像,然后我看不到页面正在加载
非常感谢!
我想我知道你想做什么…
如果我正确理解问题,你有一个图像列表,你想尝试打开它们,直到找到其中一个。如果没有找到图像,您希望跳到下一个。
首先,为了回答你的问题,我将Razor的东西和Javascript分离成非常独立的部分。事实上,我打算完全跳过Razor。
<html>
<head>
<title>A test</title>
</head>
<body>
<img src="http://x.invalid" id="myImage">
<script>
var imgs = [
"http://x1.invalid/none",
"https://www.google.com/images/srpr/logo11w.png",
"http://thedailywtf.com/Resources/Images/Primary/logo.gif"
];
var imageIndex = 0;
function tryNextImage() {
var img = document.getElementById("myImage");
img.onerror = function() {
imageIndex++;
tryNextImage();
}
img.src = imgs[imageIndex];
}
// start the ball rolling
tryNextImage();
</script>
</body>
</html>
相关文章:
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 如何将多个画布保存为一个图像
- 是否可以仅通过jQuery将图像替换为用户动态选择的另一个图像
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 如何在设定的时间间隔内一次只显示一个图像
- 循环以检查数组中的最后一个图像
- 下载Div&画布为一个图像
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- 在引导程序旋转木马中显示下一个图像
- 拉斐尔用一个图像填满了这个圆圈
- 将多个重叠的透明图像保存为一个图像
- 我怎么能把它做成这样一个图像就不能拖动了
- 普通JS:使80%宽度元素100%IF包含一个图像
- 当滑块只有一个图像时,如何禁用下一个/上一个按钮
- 如何使用onclick事件点击一个图像,并让它更改同一网页上的另一个图像
- 将多个画布保存为一个图像(使网站像PicFrame一样)
- 在 JavaScript 中将一个.PNG图像拖放到另一个图像上
- 如何在CSS中修复与另一个图像进行比较的图像
- 只有一个图像被绘制到画布上
- 使用 jQuery 在最后一个图像之后附加 HTML