单击时图像以完整大小显示

Question

我正在使用 kendo mobile 和cordova plugins来构建我的应用程序。

我有一个场景，我需要在点击用户个人资料图片时向用户显示他/她的个人资料图片全屏。

如果有任何plugin可用，或者有任何可能对我有帮助的信息，请建议我，我将图像存储在数据库中base64 format。

我正在使用Knockout js to bind image in Base64 format

先谢谢

Answer 1

如果您不想使用任何插件，是的，您可以使用Queness的简单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);

你去吧！ ：）