html - 通过@url.HttpRouteUrl 加载图像时防止窗口调整大小

标签 html css knockout.js

正在使用的工具: knockout 3.1 MVC 5

我有一份文件 list 要查看。我的图像占位符是这样的:

<img src="" data-bind="attr: { src: '@Url.HttpRouteUrl("DefaultApi", New With {.controller = "document"})?documentID=' + DocumentID(), title: FileName}" />

我用我的 Controller 缓存图像,所以只有在第一次加载时我才会遇到问题。

但基本上,当加载图片时,页面不知道图片的大小并缩小,然后当加载图片时它会扩展到正常大小。

有什么想法吗?

最佳答案

要解决此问题,请在图像周围添加一个包含 div。给它一个不会破坏你的布局的最小高度和最小宽度。这样,在加载图像时,您的最终用户不会看到损坏的布局,也不会出现“断断续续”的情况,因为您的图像已绑定(bind)为元素的源。

关于html - 通过@url.HttpRouteUrl 加载图像时防止窗口调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32488907/

相关文章:

javascript - Bootstrap 4 崩溃在一半停止然后打开时无法顺利工作

css - AngularJS md-tab & ng-repeat : adding custom style to specific tabs

javascript - 隐藏和取消隐藏 koGrid 元素

jquery - 使一个 div 滚动到另一个 div 的前面?

javascript - Python FastAPI : Returned gif image is not animating

html - 如何使用 ionic 显示两张图像,每张图像占据屏幕宽度的 50%?

knockout.js - 用 Knockout-es5 揭示模块模式

javascript - 如何附加 <asp :Button/> etc. .在 <form> 标签内使用 javascript?

css - 无法在按钮中显示图像图标

Mvvm 与 knockout : array binding and changing inner objects state