當我使用Fotorama控件時，如何設置原始圖像的高度和寬度？

Question

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

Answer 1

只可以用幾個屬性調整整個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/。

這應該足以控制圖像的大小。