jquery - 使用灯箱单击图像时如何确保图像尺寸变大

Question

我正在使用一个灯箱 jquery 插件：

http://www.shadowbox-js.com/usage.html

html 看起来像这样：

<a href="@item.Imageurl" rel="shadowbox"> <img src="@item.Imageurl" alt ="@(item.Title)"/></a>

基本上图像是 100px/100px，但是我想在单击缩略图时在灯箱模式中打开图像时将其设置为 180px/180px，缩略图应该仍然是 100px/100px 我该怎么做？

Answer 1

href 应该指向完整尺寸的图像，img 应该指向缩略图

Answer 2

您想将 width 和 height 属性添加到 shadowbox 元素。从文档看来，您将按以下方式添加这些属性。$(document).ready(function () { Shadowbox.setup("a", { width: 180px, height: 180px }); });