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

Question

我正在使用lightbox 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

您想要为shadowbox元素添加width和height属性。从文档中看起来您将以下列方式添加这些属性。 $（document）.ready（function（）{  Shadowbox.setup（“a”，{         宽度：180px，         身高：180px     }）; }）;