Демо ImageZoom - увеличение иображения для uCoz

Настройки по-умолчанию

Никаких дополнительных настроек, все по-умолчанию. Указано лишь полное изображение.

Настройки:

  • data-imagezoom="ссылка на полное изображение"

  • Оформление линзы

    Здесь изменена рамка линзы, заливка и ее прозрачность, а также тип курсора.

    Настройки:

  • data-focusborder="1px solid #008000"
  • data-cursorcolor="#FF0000"
  • data-opacity="0.8"
  • data-cursor="move"

  • Оформление окна масштабирования

    Размер и пропорции окна масштабирования можно задать любыми, при этом пропорции линзы будут автоматически под него подстроены. Также можно обвести окно рамой, изменить его положение относительно основного изображения, и отступ по краям.

    Настройки:

  • data-zoomviewsize="[300,200]"
  • data-zoomviewborder="4px solid #000"
  • data-zoomviewposition="left"
  • data-zoomviewmargin="100"

  • Степень увеличения

    Ну и последнее - степень увеличения, менять ее колесиком как захочется тут нельзя, но можно задать фиксированное значение от 1 (нет увеличения) до 10 (максимальное).

    Настройки:

  • data-magnification="5"