前言介紹
- 這款 WordPress 外掛「Auto AnimateImage」是 2012-09-19 上架。
- 目前有 80 個安裝啟用數。
- 上一次更新是 2012-09-23，距離現在已有 4606 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 2.7 以上版本才可以安裝。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
attosoft |
外掛標籤
slider | animated | animation | slideshow | slide show |
內容簡介
Auto AnimateImage 是一個 WordPress 外掛，它會自動將 AnimateImage script 應用於您的網站上。AnimateImage 可以像動畫 GIF 一樣連續顯示多個圖像。您只需按照以下方式撰寫 img 元素，即可自動播放圖像。
如您所知，動畫 GIF 是最常見的動畫格式，但僅支援256種顏色。目前也有其他替代的動畫格式，例如 APNG、MNG、JNG、Motion JPEG 和 SVG 動畫。不過目前這些格式尚未被瀏覽器廣泛支援，因此 AnimateImage 是播放動畫圖像最適合的方法。
Auto AnimateImage 特色
自動將 AnimateImage script 應用於您的網站
您只需要撰寫 img 元素，無需使用 JavaScript、Shortcode 或 Gallery。
常見選項和動畫樣式可以通過 設定 頁面進行自定義
相容於舊版 WordPress 2.7
AnimateImage 特色
可以像動畫 GIF 一樣連續顯示多個圖像，支援連續或任意文件名。
支援所有瀏覽器支援的圖像格式，例如 GIF、PNG、JPEG、JPEG XR (HD Photo)、BMP、TIFF、WebP 和 SVG，因此可顯示超過256種顏色的透明動畫。
提供很多的動畫選項，例如動畫延遲時間、重複次數、倒帶、暫停和空白圖像。
只要在 img 元素中加入 data-files 屬性，即可自動播放。不需要編寫 JavaScript。
可透過編寫 JavaScript 控制動畫。您可以隨時開始、停止、重新播放動畫。
獨立的腳本，檔案大小僅為 5.6 KB，不使用 JavaScript 库，例如 jQuery
支援 Internet Explorer、Mozilla Firefox、Google Chrome、Safari、Opera 及其較舊版
安裝方式
詳細步驟請參閱 安裝指南。
使用方式
只需要在 img 元素中加上 data-files 屬性，即可自動播放圖像。您可以使用連續數字、零填充的連續數字、連續字母和任意文件名播放多個圖像。
原文外掛簡介
Auto AnimateImage is WordPress plugin that applies AnimateImage script to your site automatically. AnimateImage displays multiple images continuously like animated GIF. All you have to do is write img element like below, and the image will be animated automatically.
As you know, animated GIF is the most common animation format, but it supports up to only 256 colors. There are some alternative animation formats such as APNG, MNG, JNG, Motion JPEG and SVG Animation. However they are currently not widely supported by Web browsers. That is why AnimateImage is the most appropriate method for animated images.
Auto AnimateImage Features
Automatically applies AnimateImage script to your site
All you have to do is write img elements. No JavaScript, No Shortcode, No Gallery.
Common options and animation styles can be customized via Settings screen
Compatible widely down to even obsolete WordPress 2.7
AnimateImage Features
Displays multiple images continuously like animated GIF. It supports sequential/arbitrary filenames.
Supports any image formats supported by Web browsers, such as GIF, PNG, JPEG, JPEG XR (HD Photo), BMP, TIFF, WebP and SVG. Thereby transparent animation with more than 256 colors is available.
Many animation options are available, such as animation delay, repeat count, rewind, pause and blank image
img elements with data-files attribute are animated automatically. No need for writing JavaScript.
Animations are controllable by writing JavaScript. You can start/stop/replay them at any time.
Standalone script with 5.6 KB file size, without using JavaScript libraries such as jQuery
Supports Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera and their older versions
How to Install
See Installation.
How to Use
All you have to do is write img elements with data-files attribute, and the images will be animated automatically. You can animate multiple images with sequential number, zero-padded sequential number, sequential alphabet and arbitrary filenames.
AnimateImage supports many animation options such as animation delay, repeat count, rewind, pause and blank image. You can specify them with data-* attributes like below.
See Code Examples for more information.
Support Me
To keep my motivation, put rating stars and vote compatibility (works/broken) via the right sidebar
If you have any questions, view support forum or post a new topic
See Localization if you can translate the plugin into your language
I would be grateful if you would donate to support plugin development
Contact me if you have any feedback
Any comments will be very helpful and appreciated. Thank you for your support!
Links
attosoft.info
AnimateImage script
Auto AnimateImage plugin
Code Examples
Example 1: Sequential Filenames
Example 2: Arbitrary Filenames
Example 3: Format String in Directory Name
* data-files attribute is specified with filename or relative path to directory, including format string.
Example 4: title/alt Attributes
* alt attribute with the value of title attribute will be added if not specified.
Example 5: id/class Attributes
* class attribute will be added if not specified. default class attribute value is "animation".
Example 6: delay/cycleDelay Options
* In default, delay option is 500 ms and cycleDelay option is 0 ms.
Example 7: repeat/rewind Options
* In default, repeat option is -1 (infinite iteration) and rewind option is false.
Example 8: pauseAtFirst/Last Options
* In default, pauseAtFirst option is false and pauseAtLast option is false.
Example 9: showBlank/blankClassName/blankPath/stretchBlank Options (Blank Image)
* In default, showBlank option is false and blankClassName option is "blank".
Example 10: Arbitrary Attributes
Example 11: Arbitrary CSS Properties
Localization
You can localize the plugin with Poedit. Here is how to translate the plugin into your language.
Download Poedit and install it
Run Poedit and select your language
Input your name and mail address (optional)
Open “auto-animateimage/languages/animateimage.pot” file
Select original string and input its translation
Save the file as “animateimage-[LANG].po”
“[LANG]” is a language code. For instance, “de_DE” is for German, “sv_SE” is for Swedish, “pt_BR” is for Portuguese spoken in Brazil. If you want to know your language code, see WordPress in Your Language. If you need more information, see Translating WordPress.
I would be grateful if you would send me any translation files. Here are the available translations included in the latest plugin.
Japanese (ja) translation by attosoft
If you have any questions, feel free to contact me.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Auto AnimateImage」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 |
延伸相關外掛（你可能也想知道）
Slideshow SE 》Slideshow SE 提供一個簡單的方法來為任何 WordPress 網站添加幻燈片。, 通過從 WordPress 資源庫中選取圖片，即可將任意圖片加載到幻燈片中，即使已經上傳過...。
Weaver Show Sliders 》這不是創建滑動幻燈片、輪播圖或帶有文章的插件。這是一個帶有選項的幻燈片插件！, 它支援美觀、自適應的圖片幻燈片和幻燈片秀，甚至可以在幻燈片或幻燈片秀...。
EasyRotator for WordPress – Slider Plugin 》, EasyRotator for WordPress 可在數秒內為您的 WordPress 網站創建美麗且響應式的照片旋轉器和幻燈片。將旋轉器添加到文章和頁面中，或將旋轉器挖掘小工具添...。
SlideDeck 1 Lite Content Slider 》棄用注意事項, SlideDeck 1 Lite for WordPress已經棄用。從2013年3月13日起，我們將不再更新此外掛，但我們建議您考慮使用 SlideDeck 2 Lite for WordPress...。
Excellent transition gallery 》用這款卓越的轉場圖庫外掛不僅僅可以展示圖片，還可以以時尚的方式展現它們。, 請前往官方網站查看示範 http://www.gopiplus.com/work/2010/07/18/excellent-...。
Woo superb slideshow transition gallery with random effect 》透過這個外掛，您可以不僅僅是顯示圖片，還可以展示具有風格的圖片電影。 Internet Explorer 瀏覽器隨機選擇過渡效果，而其他瀏覽器則使用簡單的淡入效果。, ...。
Slideshow Wp 》RESPONSIVE SLIDESHOW SLIDER AND CAROUSEL PLUGIN, Slideshow WP是一款100％響應式的外掛，與移動設備、平板電腦、桌面電腦以及包括iPhone、iPad、Android、...。
JTC Slides 》我在許多網站上看到了這種類型的幻燈片，但卻沒有找到一個外掛程式可以實現，所以我做了一個自己的。它的特點是左側的標題框導航佔據了幻燈片的高度和一部分...。
Stereo 3D Player 》這個軟體是為了在 WordPress 的部落格中呈現更好的立體照片視覺效果而設計。感謝 HTML5 canvas 元素和 CSS3，透過這個外掛，帶有立體3D圖片的文章會非常引人...。
Page Presentation Shortcode 》這個短碼外掛可以讓您創建一個滾動式的頁面/文章演示，透過等待一定秒數後重新導向, 當前的文章/頁面。, 如果目的地頁面尚未發佈，短碼會處理每個目的地頁面...。
KD Coming Soon 》KD Coming Soon 是一個 WordPress 網站的登陸頁面。您可以將其用作即將推出或網站正在維護中的頁面。, 插件包含訂閱功能，允許用戶註冊後在網站上架時獲得通...。
fslider 》使用 fslider 外掛能夠建立動態幻燈片，取代原本的 fslider 短碼，並且使用上傳到 fslider/features/ 外掛資料夾中的內容。, 範例 1, 上傳四個圖片檔案至 wp-...。
PG Slideshow-Gallery 》PG Slideshow-Gallery 提供了一個簡單的方法，讓任何 WordPress 站點都可以整合幻燈片/相簿。, 可以透過 WordPress 媒體頁面選取任何圖片，甚至可即時插入先...。
GVSoft Photobox 》此外掛提供了觀看相片和圖片的框架。, 可連接標準圖片庫。, 包含相片導覽按鈕和幻燈片開始/停止按鈕。易於調整。, 特點摘要：, , 簡單安裝（只需啟用外掛）, ...。
Cool Post Slider 》顯示文章輪播。。