html 使用缩略图导航的Fotorama示例用法

Posted 2021-05-11

<div class="fotorama" data-nav="thumbs" data-width="700" data-ratio="4/3"
    data-max-width="100%">
  <a href="1.jpg"><img src="thumb_1.jpg" width="100" height="75"></a>
  <a href="2.jpg"><img src="thumb_2.jpg" width="100" height="75"></a>
  <a href="3.jpg"><img src="thumb_3.jpg" width="100" height="75"></a>
  <a href="4.jpg"><img src="thumb_4.jpg" width="100" height="75"></a>
  <a href="5.jpg"><img src="thumb_5.jpg" width="100" height="75"></a>
</div>