如何停止在图像模式中显示所有图像？
我正在创建一个图像库，在单击时显示图像的模式和一些附加信息。数据是从嵌入的json字符串中提取的。该模式在一个大框架中显示正确的图像，但也显示下面的其他图像。如何防止显示其他图像？
非常感谢！
这是JSON：
var json = [{"User_Name":"John Doe","score":"10","team":"1","img":"https://img1.etsystatic.com/029/0/9428797/il_340x270.597883049_nole.jpg"},{"User_Name":"Jane Smith","score":"15","team":"2","img":"https://img1.etsystatic.com/035/1/9428797/il_340x270.597881301_g3hw.jpg"},{"User_Name":"Chuck Berry","score":"12","team":"2","img":"https://img0.etsystatic.com/026/0/9428797/il_340x270.597777722_o6wf.jpg"}];
这是HTML：
<div id="newTable">
<a href=""></a>
</div>
<div id="myModal" class="modal">
<span class="close" onclick="document.getElementById('myModal').style.display='none'">×</span>
<img class="modal-content" id="img01">
</div>
这将JSON放在div中：
$(document).ready(function () {
var figure;
for (var i = 0; i < json.length; i++) {
figure = $('<a/>');
figure.append("<a>"+ " <img src='"+ json[i].img+"'/>" + "</a>");
figure.append("<a>" + json[i].User_Name + "</a>");
figure.append("<tag>" + " " + json[i].User_Name + " " + json[i].score + " " + json[i].team + " " + "</tag>");
$('div').append(figure);
}
});
这就是模态：
var modal=文档。getElementById（'myModal'）；
var modalImg = $("#img01");
$(document).ready(function(){
$("img").click(function(){
modal.style.display = "block";
var newSrc = this.src;
modalImg.attr('src', newSrc);
});
});
var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
modal.style.display = "none";
}
共有1个答案
这就是我对CSS所做的。
<html>
#modal{
display: none;
width: 100%;
height:100%;
position:absolute;
top:0;
}
</html>
你是在放情态动词。风格display=“block”。我建议你把它改成无。
-
问题内容： 我有一个图像，我想在applet中显示它，问题是图像无法显示。我的代码有问题吗？ 谢谢… 这是我的代码： 问题答案： 我怀疑您做错了，这应该很简单： HTML / applet元素的内容是什么？图片的名称是什么？图像与HTML位于同一目录中吗？ 更新1 代码的第二行（已更改）将尝试将文件加载到与HTML相同的目录中。 当然，您可能需要添加一个来跟踪图像的加载，因为该方法立即返回（现在）
-
这里是交易，我必须从sql server获取一个文本值，它是一个编码图像，存储在字符串中，然后我可以通过解码将其转换为图像类型，问题是，我如何在asp:image中显示解码后的图像？因为我希望这个组件有一个.image属性，我可以把图像放进去，它会像那样显示，但它只有.ImageUrl，如果图像存储在我的电脑中，它会工作得很好，但它不是，我尝试将它设为二进制字符串，然后使用和asp:image-u
-
问题内容： 我将鼠标悬停在图像上时要显示说明。我已经以一种不太理想的方式做到了这一点，在这里使用了图像精灵和鼠标悬停：我希望它看起来像我的样子，但是使用真实文本而不是图像。 我尝试了几种不同的方法，但似乎无法弄清楚该怎么做。我正在尝试仅使用HTML和CSS进行操作，但不确定是否可行。 请随意在我的代码中四处浏览，我将粘贴我认为与之相关的内容。 HTML 这很简单。将图片和“出现在悬停时”说明包装在
-
我正在做一个android项目(java)，在这个项目中，我想使用webview来显示一个通过使用FileChooser从Phone的存储中选择的图像。在我的java代码中，我有 欢迎任何建议。
-
有人能给我一个如何使用Apache PDFBox 2.0.3在PDF文件中显示图像的例子吗？ 提前谢谢
-
问题内容： 如何处理HTML页面中的TIFF文件？ 我想在HTML页面中显示TIFF文件。 我尝试使用嵌入式标签，对象ID，IMG等。但是我无法在HTML页面中显示图像（TIFF）。 我在项目中没有使用Java，.NET或其他任何东西。我仅使用HTML。 更新：Safari支持TIFF图像加载。如何在其他浏览器（IE，Mozilla，Firefox等）中加载TIFF图像？ 我无法安装第三方插件或控