這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Zoom OpenSeadragon

描述

Zoom OpenSeadragon is an implementation of OpenSeadragon, an open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile.

It allows to create zoomable galleries from standart wordpress images as well as from deepzoom images.

You can see live demo here

Zoom OpenSeadragon is released under the New BSD license

螢幕截圖

  • Options for Zoom OpenSeadragon galleries. First gallery links to precreated DeepZoom image, second and third use standart wordpress media files
  • Single zoomable image
  • Tiled gallery, collection mode
  • Sequence mode

安裝

Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.

To replace wordpress gallery with Zoom OpenSeadragon gallery you need to add openseadragon="true" to gallery shortcode. You can also use Media options to replace all galleries with Zoom OpenSeadragon gallery.

To show zoomable images, e.g. Deep Zoom images, you need to add paths of them to zoomimages attribute of shortcode, for example

[gallery openseadragon="true" zoomimages="/example.com/zoom/zoom1.dzi,/example.com/zoom/zoom2.dzi"]

Other attributes:

  • width – width of Seadragon Zoom, 600px by default
  • height – height of Seadragon Zoom, 600px by default
  • columns – number of columns in grid view
  • noattachments – do not use images, attached to post (for example, when you need to display only DeepZoom images)
  • captions – display captions

Several OpenSeadragon parameters are also supported, see http://openseadragon.github.io/docs/OpenSeadragon.html#Options for description of these parameters.

  • shownavigationcontrol – show zoom in/out/home/full buttons, true by default
  • showzoomcontrol – show zoom buttons, true by default
  • showhomecontrol – show home button, true by default
  • showfullpagecontrol – show fullscreen button, true by default
  • showrotationcontrol – show rotation buttons, false by default
  • sequencemode – display pictures in sequence mode, one by one instead of grid
  • showsequencecontrol – show next/prev buttons for sequence mode, true by default
  • shownavigator – show navigator minimap
  • navigatorid – id of navigator div, autocreated if left empty
  • navigatorposition – position of navigator minimap, TOP_RIGHT is default
  • showreferencestrip – show thumbnails of images, false by default
  • referencestripsizeratio – ratio of thumbnails sizes to deepzoom size, 0.2 by default
  • referencestripposition – position of reference strip, BOTTOM_LEFT by default
  • referencestripscroll – type of reference scroll, ‘horizontal’ by default

常見問題

Installation Instructions

Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.

To replace wordpress gallery with Zoom OpenSeadragon gallery you need to add openseadragon="true" to gallery shortcode. You can also use Media options to replace all galleries with Zoom OpenSeadragon gallery.

To show zoomable images, e.g. Deep Zoom images, you need to add paths of them to zoomimages attribute of shortcode, for example

[gallery openseadragon="true" zoomimages="/example.com/zoom/zoom1.dzi,/example.com/zoom/zoom2.dzi"]

Other attributes:

  • width – width of Seadragon Zoom, 600px by default
  • height – height of Seadragon Zoom, 600px by default
  • columns – number of columns in grid view
  • noattachments – do not use images, attached to post (for example, when you need to display only DeepZoom images)
  • captions – display captions

Several OpenSeadragon parameters are also supported, see http://openseadragon.github.io/docs/OpenSeadragon.html#Options for description of these parameters.

  • shownavigationcontrol – show zoom in/out/home/full buttons, true by default
  • showzoomcontrol – show zoom buttons, true by default
  • showhomecontrol – show home button, true by default
  • showfullpagecontrol – show fullscreen button, true by default
  • showrotationcontrol – show rotation buttons, false by default
  • sequencemode – display pictures in sequence mode, one by one instead of grid
  • showsequencecontrol – show next/prev buttons for sequence mode, true by default
  • shownavigator – show navigator minimap
  • navigatorid – id of navigator div, autocreated if left empty
  • navigatorposition – position of navigator minimap, TOP_RIGHT is default
  • showreferencestrip – show thumbnails of images, false by default
  • referencestripsizeratio – ratio of thumbnails sizes to deepzoom size, 0.2 by default
  • referencestripposition – position of reference strip, BOTTOM_LEFT by default
  • referencestripscroll – type of reference scroll, ‘horizontal’ by default
How to replace specific gallery with Zoom OpenSeadragon gallery?

To replace wordpress gallery with Zoom OpenSeadragon you need to add openseadragon=”true” to gallery shortcode.

How to replace all galleries with Zoom OpenSeadragon gallery?

Use Zoom OpenSeadragon Options section in Settings => Media.

How to create really big zoomable image?

See http://openseadragon.github.io/examples/creating-zooming-images/

評價

2021年3月24日
Easy to implement, works great, and is very fast and smooth to use on PC or mobile. There are some limitations, for example I haven't been able to get it to work responsively. I can set width="" and the width will adjust according to window size but I haven't been able to do the same for the height yet. Either way, it's free and works as expected!
2018年2月28日
It is simply a wonderful and extremely useful plugin. By adding a few lines of code to a post you can have zoomable images. My website features many historic photographs and the ability to zoom in and see details is simply incredible. Keep up the good work!
2017年5月22日
Pretty easy plugin, much easier than pasting javascript into my posts. Thanks a lot, works like a charm, keep up the good work!
2016年9月3日
I searched for quite a while to find a 'zoom' plugin that did what I wanted with little fuss, and tried various plugins before settling on this one. I am impressed by how quickly this loads on my page, and how smooth the zooming and navigation are. I had a small issue, and Alexey the plugin developer issued a fix within a few days - good work. 🙂 I just needed a little css for my theme, with this simple shortcode (if it helps anyone) - [gallery ids="331,328" openseadragon="true" width="1076"] Use WP editor to add a gallery as normal, then edit the shortcode to add in the openseadragon parameters.
閱讀全部5個評價

貢獻者及開發者

“Zoom OpenSeadragon” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Zoom OpenSeadragon 外掛目前已有 1 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Zoom OpenSeadragon 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.4

  • Updated OpenSeadragon library to version 2.3.0 and changed script to go to photo in multiimage configuration accordingly

1.3

  • Updated OpenSeadragon library to version 2.2.0

1.2

  • Fixed reading of attachment sizes

1.1

  • Updated Russian localization

1.0

  • Initial release