jquery - 使用Fotorama控件时如何设置原始图像的高度和宽度？

我在http://fotorama.io/customize/thumbnails/使用Fotorama控件

该文件告诉我可以通过设置调整缩略图的高度和宽度

 <img src="1_thumb.jpg" width="144" height="96">

现在，我希望设置原始图像1.jpg的高度和宽度，但是代码<a href="image/1.jpg" style="display:block; width:100px; height:200px;">不起作用。

<div class="fotorama"  data-nav="thumbs">
  <a href="1.jpg"><img src="1_thumb.jpg" width="144" height="96"></a>
  <a href="2.jpg"><img src="2_thumb.jpg" width="64" height="128"></a>
  <a href="3.jpg"><img src="3_thumb.jpg" width="100" height="100"></a>
</div>

最佳答案

您只能使用以下几个属性来调整整个Fotorama的大小：


data-width
data-ratio
data-min-width
data-max-width
data-min-height
data-max-height


http://fotorama.io/customize/dimensions/

所以试试这个：

<div class="fotorama"
     data-width="100"
     data-height="200"
     data-nav="thumbs">

而且，您还有一些选择可以将图像适合摄影图像：http://fotorama.io/customize/fit/。

这应该足以控制图像的大小。