[WordPress] 外掛分享: DImage 360

首頁外掛目錄 › DImage 360
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
2,000+
安裝啟用
★★★★
4.6/5 分(14 則評價)
2277 天前
最後更新
問題解決
WordPress 3.0.1+ PHP 5.2.4+ v2.0 上架:2018-02-14

內容簡介

DImage 360 是一款 WordPress 外掛,可在網站上嵌入 360 度視圖。這是一款使用者友好且功能豐富的插件,可在網站上添加具有響應式的 360 度視圖或 180 度全景圖。

這是一個簡單易用且易於自定義的插件,可在網站上嵌入單張或多張圖片。若要嵌入多個圖像,目前需要在網站的帖子或頁面中添加多個縮略語實例。

功能

無需 Flash
與 Chrome、Firefox、IE8、IE9 和 Safari 兼容
您可以對圖像進行縮放。
支援 JPG。
支援滑鼠和觸摸用戶操作。
您可以將全景圖全屏以進行詳細檢視。
可透過使用多個縮略語在單個頁面上載入多個圖像。

使用方式
縮略語

如果您正在使用 Gutenberg,則請遵循以下說明,否則請參照步驟 2 的說明:

點擊頁面左上角的 + 圖標,然後選擇常見區塊,接著選擇 Dimage 360。

現在,頁面上出現了一個區塊,具有以下選項:

選擇圖像:從媒體中選擇圖像。

自動旋轉:啟用自動旋轉圖像功能。默認情況下此值為 true。

控制選項:決定是否顯示圖像控制欄。默認情況下此值為 true。

啟用滾動縮放:可透過滾動來放大或縮小圖像。默認情況下此值為 true。

縮放級別:您可以將縮放級別設置為 0 到 100。默認情況下此值為 0。

動畫速度:您可以將動畫速度設置為 0 到 100。默認情況下此值為 2。

位置:定義使用者看到的第一個點的默認位置。默認情況下此值為 0。

[dimage attachment_id="56" control=true auto-rotate=true]
(建議使用)
attachment_id:您可以從媒體管理器中獲取,只需添加附件 ID 即可。

control{true/false}:決定是否顯示圖像控制選項。默認情況下此值為 true。

auto-rotate{true/false}:啟用自動旋轉圖像功能。默認情況下此值為 true。

zoom_level:您可以將縮放級別設置為 0 到 100。默認情況下此值為 0。

anim_speed:您可以將動畫速度設置為 0 到 100。默認情況下此值為 2。

default_position:定義使用者看到的第一個點的默認位置。默認情況下此值為 0。

示例[dimage attachment_id="56" zoom_level="10" anim_speed="10"]

[dimage url="請輸入此處的圖像網址" control=true]
url:圖像的網址,這將是您從媒體管理器中得到的圖像的完整路徑。
例如:[dimage url="http://domain-name.com/wp-content/uploads/10/image-name.jpg" control=true]
在此,請將 [domain-name.com] 替換為您的域名,也請更改圖像名稱。
control{true/false}:決定是否顯示圖像控制選項。默認情況下此值為 true。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「DImage 360」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

DImage 360 is a plugin to embed a 360 view on your WordPress website. It is a user friendly and feature rich plugin to add a responsive 360deg view or 180deg panorama on website.
It is a simple and easy to customize plugin to embed single or multiple images on website. To embed multiple image, you currently need to add multiple instance of shortcode on the post or page of website.
Features

No Flash Needed
Compatible with chrome, Firefox, IE8, IE9, Safari
You can zoom to the image.
Support JPG.
Support both mouse and touch.
You can full screen the panorama for detail view.
Multiple Image can be loaded on single page, by using multiple shortcode.

How to use
Shortcode

If you are using Gutenberg then follow the following instructions otherwise step 2 instructions:-

Click on the + icon showing on the top left corner of the page and select Common Blocks and then select Dimage 360.

Now a block appears on the page with the following options:-

Select Image :- Select an image from media.

Auto-Rotate :- It is the feature to auto rotate of image. Default it setup as true.

Control :- It is the feature to show control on the image or not. Default it setup as true.

Allow Scroll to Zoom :- It is the feature to zoom in or zoom out by just scrolling. Default it setup as true.

Zoom Level :- You can set zoom level from 0 to 100. Default it setup as 0.

Animation Speed :- You can set animation speed from 0 to 100. Default it setup as 2.

Position :- Defines the default position, the first point seen by the user. Default it setup as 0.

[dimage attachment_id="56" control=true auto-rotate=true]
(Recommended)
attachment_id: you will get from media manager, you only need to add attachment id.
control{true/false}: It is the feature to show control on the image or not. Default it setup as true.
auto-rotate{true/false}: It is the feature to auto rotate of image. Default it setup as true.
zoom_level: You can set zoom level from 0 to 100. Default it setup as 0.
anim_speed: You can set animation speed from 0 to 100. Default it setup as 2.
default_position: Defines the default position, the first point seen by the user. Default it setup as 0.
Example[dimage attachment_id="56" zoom_level="10" anim_speed="10"]

[dimage url="please enter here image url" control=true]
url: The url of the image, this will be the complete path of the image, which you will get from media manager itself.
For Example: [dimage url="http://domain-name.com/wp-content/uploads/10/image-name.jpg" control=true]
Here replace [domain-name.com] with your domain name. Also rename the image name too.
control{true/false}: It is the feature to show control on the image or not. Default it setup as true.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon