如何更改fotorama滑块的缩略图大小?

时间:2014-07-11 19:25:07

标签: wordpress fotorama

我一直在使用Fotorama插件在我的网站上创建一个滑块。它可以正常工作,但我想改变显示的缩略图的大小,我无法弄清楚如何。该网站是:http://jeannebard.ch/?p=123

2 个答案:

答案 0 :(得分:2)

请在此处查看照片的完整选项列表:http://fotorama.io/customize/options/

选项可以通过数据属性传递:

<div class="fotorama"
     data-thumbwidth="120"
     data-thumbheight="120">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

...或JavaScript:

$('.fotorama').fotorama({
  thumbwidth: '120',
  thumbheight: '120'
});

...或使用插件版本的短代码:

[gallery ids="1,2,3" nav="thumbs" thumbwidth="120" thumbheight="120"]

此示例将缩略图设置为当前大小的两倍,为120x120。

答案 1 :(得分:0)

您可以通过WordPress管理区域更改默认缩略图大小。

转到:Settings > Media

更新:Fotorama插件似乎不使用WordPress媒体设置。请参阅here,以获得替代答案。