Javascript 缩略图单击时图像未在模式中显示

当我从图库中选择缩略图时，我希望模式窗口弹出并显示其中的图像。它会弹出，但图像没有显示，我收到了“alt”消息

这是我的HTML和javascript

$pop.onclick，函数{ $'modalPreview'.attr'src'，$'imageresource'.attr'imagesrc'； $'imageModal'.modal'show'； }; @Model.Images中的foreach var映像 { @*这是一个图像*@ @{ var base64=Convert.ToBase64Stringimage.image缩略图； var thumbSrc=String.Formatdata:image/gif；base64，{0}，base64； var base64Modal=Convert.ToBase64Stringimage.Image； var imgSrcModal=String.Formatdata:image/gif；base64，{0}，base64Modal； } 缩略标签

} &时代；

---

您的以下行似乎不正确：

$('#modalPreview').attr('src', $('#imageresource').attr('imagesrc'));

获取数据属性，如更改为

$('#modalPreview').attr('src', $('#imageresource').data('imagesrc'));
//or
$('#modalPreview').attr('src', $('#imageresource').attr('data-imagesrc'));

---

您的以下行似乎不正确：

$('#modalPreview').attr('src', $('#imageresource').attr('imagesrc'));

获取数据属性，如更改为

$('#modalPreview').attr('src', $('#imageresource').data('imagesrc'));
//or
$('#modalPreview').attr('src', $('#imageresource').attr('data-imagesrc'));

---

您的以下行似乎不正确：

$('#modalPreview').attr('src', $('#imageresource').attr('imagesrc'));

获取数据属性，如更改为

$('#modalPreview').attr('src', $('#imageresource').data('imagesrc'));
//or
$('#modalPreview').attr('src', $('#imageresource').attr('data-imagesrc'));

---

您的以下行似乎不正确：

$('#modalPreview').attr('src', $('#imageresource').attr('imagesrc'));

获取数据属性，如更改为

$('#modalPreview').attr('src', $('#imageresource').data('imagesrc'));
//or
$('#modalPreview').attr('src', $('#imageresource').attr('data-imagesrc'));

---

是的，谢谢。这起作用了。一个问题。有没有更好的方法，因为现在我正在加载两个图像缩略图和完整图像的src到页面中。是否有一种方法可以仅在调用弹出模式时动态加载全尺寸图像？或者我应该将缩略图设置为完整图像，然后将其缩小到缩略图大小？我担心的是，这是一个图库，如果图库中有多个图像，页面上将加载大量数据。@user1186050您可以像以前那样将缩略图的源添加为数据属性，这样就不会加载缩略图本身了……这很好。。！是的，谢谢。这起作用了。一个问题。有没有更好的方法，因为现在我正在加载两个图像缩略图和完整图像的src到页面中。是否有一种方法可以仅在调用弹出模式时动态加载全尺寸图像？或者我应该将缩略图设置为完整图像，然后将其缩小到缩略图大小？我担心的是，这是一个图库，如果图库中有多个图像，页面上将加载大量数据。@user1186050您可以像以前那样将缩略图的源添加为数据属性，这样就不会加载缩略图本身了……这很好。。！是的，谢谢。这起作用了。一个问题。有没有更好的方法，因为现在我正在加载两个图像缩略图和完整图像的src到页面中。是否有一种方法可以仅在调用弹出模式时动态加载全尺寸图像？或者我应该将缩略图设置为完整图像，然后将其缩小到缩略图大小？我担心的是，这是一个图库，如果图库中有多个图像，页面上将加载大量数据。@user1186050您可以像以前那样将缩略图的源添加为数据属性，这样就不会加载缩略图本身了……这很好。。！是的，谢谢。这起作用了。一个问题。有没有更好的方法，因为现在我正在加载两个图像缩略图和完整图像的src到页面中。是否有一种方法可以仅在调用弹出模式时动态加载全尺寸图像？或者我应该将缩略图设置为完整图像，然后将其缩小到缩略图大小？我担心的是，这是一个图库，如果图库中有多个图像，页面上将加载大量数据。@user1186050您可以像以前那样将缩略图的源添加为数据属性，这样就不会加载缩略图本身了……这很好。。！