默认情况下如何设置“;放大”;以图像代替“;适合屏幕”;在iviewer

By default how to set "zoom in" to image instead of "fit to screen" in iviewer?

本文关键字：图像 iviewer 屏幕 放大 何设置 情况下 设置 默认      更新时间：2023-09-26

演示

我在iviewer中有以下代码。在这里，我想显示要填充在整个灰色框中的图像。

HTML:

<div id="viewer" class="viewer"></div>

JS:

  var $ = jQuery;
  $(document).ready(function () {
      var iv1 = $("#viewer").iviewer({
          src: "http://test.dpetroff.ru/jquery.iviewer/test/test_image.jpg",
          update_on_resize: false,
          zoom_animation: false,
          mousewheel: false,
          onMouseMove: function (ev, coords) {},
          onStartDrag: function (ev, coords) {
              return false;
          }, //this image will not be dragged
          onDrag: function (ev, coords) {}
      });
      $("#in").click(function () {
          iv1.iviewer('zoom_by', 1);
      });
      $("#out").click(function () {
          iv1.iviewer('zoom_by', -1);
      });
      $("#fit").click(function () {
          iv1.iviewer('fit');
      });
      $("#orig").click(function () {
          iv1.iviewer('set_zoom', 100);
      });
      $("#update").click(function () {
          iv1.iviewer('update_container_info');
      });
  });

有人知道怎么做吗？

将此回调添加到iviewer初始化：

onFinishLoad: function () {
    iv1.iviewer('zoom_by', 1);
}

Fiddle在这里更新。

相关文章：