0

我在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>
4

1 回答 1

0

您只能通过几个属性调整整个 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">

你有一些选项可以将图像放入 fotorama:http ://fotorama.io/customize/fit/ 。

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

于 2013-08-05T07:23:35.663 回答