Как установить высоту и ширину исходного изображения, когда я использую элемент управления Fotorama?

Я использую элемент управления Fotorama по адресу http://fotorama.io/customize/thumbnails/.

Документ говорит мне, что я могу настроить высоту и ширину миниатюры, установив

 <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>

jquery css fotorama
person HelloCW    schedule 05.08.2013    source источник
comment
Во-первых, он говорит: «По умолчанию миниатюра представляет собой квадрат 64 × 64». Отрегулируйте это с помощью data-thumb-width и data-thumb-height.   -  person dezman    schedule 05.08.2013
comment
Я могу настроить высоту и ширину миниатюры, но не могу настроить высоту и ширину исходного изображения.   -  person HelloCW    schedule 05.08.2013

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете настроить размер всей 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/< /а>.

Этого должно быть достаточно, чтобы контролировать размер изображений.

person Art    schedule 05.08.2013