我使用 kendo mobile 和 cordova 插件
来构建我的应用程序。
我有一个场景,当单击用户个人资料图片时,我需要向用户全屏显示他/她的个人资料图片。
如果有可用的插件
,或者有任何可能对我有帮助的信息,请建议我,我正在将图像以base64格式
存储在数据库中。
我正在使用Knockout js 绑定(bind)Base64 格式的图像
提前致谢
最佳答案
如果您不想使用任何插件,是的,您可以使用简单的 jQuery Modal Window奎尼斯的技术。使用几乎相同的代码,并进行这些更改。
<a class="image-thumb" href="image.jpg">
<img src="image-thumb.jpg" alt="Image" />
</a>
在代码中,您可以这样更改:
$('a.image-thumb').click(function(e) {
要进一步更改使图像显示在模式窗口中,您可以执行以下操作:
<div id="dialog" class="window">
<img src="" alt="Image" />
</div>
您需要使用 JavaScript 来替换它!而不是:
$(id).fadeIn(2000);
使用这种方式:
$(".window").find("img").attr("src", $(this).attr("href"));
$(".window").fadeIn(2000);
给你! :)
关于javascript - 单击时图像以全尺寸显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41033010/