Title: SwipeJS
Author: James Doyle
Published: <strong>2012 年 8 月 15 日</strong>
Last modified: 2012 年 8 月 15 日

---

搜尋外掛

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

![](https://s.w.org/plugins/geopattern-icon/swipejs.svg)

# SwipeJS

 由 [James Doyle](https://profiles.wordpress.org/heavyharmony/) 開發

[下載](https://downloads.wordpress.org/plugin/swipejs.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/swipejs/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/swipejs/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/swipejs/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/swipejs/#developers)

 [技術支援](https://wordpress.org/support/plugin/swipejs/)

## 外掛說明

Swipe.js is a mobile, touch-capable slider framework built by [Brad Birdsall](http://www.twitter.com/BradBirdsall).
The home page for the swipe project is [swipejs.com](http://swipejs.com/). This 
plugin adapts swipe.js for easier use in WordPress. Before, the slider would have
to be built into a theme. Now it can be used on any page just by using the shortcode.

This plugin requires [css3 3d transform support](http://caniuse.com/#feat=transforms3d).
If you browser version is in the red then this slider will not work. You will have
to update to a more modern browser or switch browsers all together.

This project is also [hosted on Github](https://github.com/james2doyle/Swipe.js-WordPress-Plugin).

## 螢幕擷圖

 * [[
 * Default styling with pagination and controls enabled.

## 安裝方式

 1. Install the plugin, either through the WordPress plugin repository or install via
    zip file.
 2. Create a new post under the SwipeJS post menu.
 3. Give the post a title and a featured image.
 4. Under the settings menu go to SwipeJS
 5. Modify the settings to what you need.
 6. Create a new page or add the shortcode `[sjs-slideshow]` to an existing page

## 常見問題集

  How can I edit the styling?

There is a style.css file included in the plugin. There is a default style that 
can be overwritten. All of the CSS classes and IDs are in that stylesheet.

  My images are different heights

Please format/crop your images to all be the same size. SwipeJS has no cropping 
or sizing.

  My newest slide is last

That is proper. Add slide one first. All the posts are in ascending order. This 
means that the newest post will appear as the last image.

  The slider is broken or not working

The slider uses CSS3 transitions and transforms to move the images. This means you
will need a relatively new version of your browser. You can see a list of compatible
browsers on [this chart](http://caniuse.com/#feat=transforms3d). Red means there
is no support and green means full support. If your browser falls in the red zone,
either update your browser or you may have to use a different slider.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈SwipeJS〉的開發相關工作。

參與者

 *   [ James Doyle ](https://profiles.wordpress.org/heavyharmony/)

[將〈SwipeJS〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/swipejs)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/swipejs/)、查看
[SVN 存放庫](https://plugins.svn.wordpress.org/swipejs/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/swipejs/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/swipejs/)。

## 變更記錄

#### 1.0

 * Initial release.

## 中繼資料

 *  版本 **1.0**
 *  最後更新 **14 年前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 2.0.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.4.2**
 *  語言
 * [English (US)](https://wordpress.org/plugins/swipejs/)
 * 標籤:
 * [CSS3](https://tw.wordpress.org/plugins/tags/css3/)[mobile](https://tw.wordpress.org/plugins/tags/mobile/)
   [slider](https://tw.wordpress.org/plugins/tags/slider/)[swipe](https://tw.wordpress.org/plugins/tags/swipe/)
   [touch](https://tw.wordpress.org/plugins/tags/touch/)
 *  [進階檢視](https://tw.wordpress.org/plugins/swipejs/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/swipejs/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/swipejs/reviews/)

## 參與者

 *   [ James Doyle ](https://profiles.wordpress.org/heavyharmony/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/swipejs/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://ohdoylerules.com/swipejs/)