Title: Scrollarama
Author: maltpress
Published: <strong>2011 年 3 月 31 日</strong>
Last modified: 2011 年 5 月 12 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

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

# Scrollarama

 作者：[maltpress](https://profiles.wordpress.org/maltpress/)

[下载](https://downloads.wordpress.org/plugin/scrollarama.zip)

 * [详情](https://cn.wordpress.org/plugins/scrollarama/#description)
 * [评价](https://cn.wordpress.org/plugins/scrollarama/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/scrollarama/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/scrollarama/#developers)

 [支持](https://wordpress.org/support/plugin/scrollarama/)

## 描述

This plugin creates a widget which loops up to ten recent posts and cycles through
them with your selected jQuery Cycle effect.

### Settings

You can change the following settings:

 * **Title:** Widget title
 * **Category:** Category to draw posts from – the list is automatically populated.
   Make sure the category you want to use exists before you start! You can select
   any number of categories – use ctrl and/or shift to select more than one
 * **Number of posts:** Number of posts used – if there are fewer posts, that’s 
   fine. It’ll just use the ones in your chosen category
 * **Slider effect:** jQuery Cycle effect to be used. To see a preview of all effects,
   check out [jQuery Cycle Effects Browser](http://jquery.malsup.com/cycle/browser.html)
 * **Timeout:** the amount of time each slide will show for, in milliseconds. For
   example 3000 = 3 seconds
 * **Transition speed:** how long it takes for each transition, again in milliseconds.
   For example, if you set this to 1000 it will take one second for a post to fade
   out and the next to fade in
 * **Width:** Add a width here _if needed_. By default, the widget should fit the
   sidebar you drop it in to. If not, you can override this by setting a width in
   pixels (don’t include the units, just the number)
 * **Height:** Set the height of the widget in pixels. Don’t include the units.

Add images to posts as follows:

 * Edit the post to add the image to
 * Add a custom field called “slider”
 * Use the path to an image for the custom field value. This can be one in your 
   media library or use an absolute path from another site if you have permission
   to do so.
 * That’s very important – image leeching is naughty.
 * Update your post.

## 屏幕截图

 * [[
 * The widget menu
 * [[
 * The widget in action

## 安装

 1. Upload the folder named ‘scrollarama’ to the ‘/wp-content/plugins/’ directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Drag and drop the widget to the right sidebar and change the settings as appropriate.

## 常见问题

  What categories are used?

You can specify any number of categories to use. Select multiple categories in the
widget control panel using shift and/or ctrl.

  What images are used?

The widget looks for a custom field called “slider” – which you should assign an
image URL (you can grab this from the image details in the media library, or use
an external image if you have permission).

If this custom field isn’t set, the first image attachment assigned to a post is
used.

If neither is in place, the background of the slider will be blank.

  How big should the image be?

The height should match the height you specify in the widget, and width needs to
match the width you set or the width of your sidebar. If it’s bigger than this, 
the background image will be centered. If smaller, you’ll have some blank space 
around it, so try to make it big enough.

  How can I restyle the widget?

You can edit scrollarama/styles/scrollarama_style.css – just make sure you read 
the notes or you might break it! A white .png (to replace the default black background
behind the post header) is provided, so you can easily swap that out.

  The widget doesn’t do x, y or z…

There are several bits of functionality I’d like to add when I get time – mainly
to make it a bit more flexible and easy to style and adapt. If you want it to do
anything in particular, though, get in touch via [my site](http://www.maltpress.co.uk)

Version 1.2 should include better styling options. I’m trying to keep the widget
controls tidy and simple, though.

  It doesn’t show in IE8!

There’s possibly a conflict with other plugins using jQuery Cycle, possibly only
if their Cycle plugin version isn’t the same (2.99 at plugin version 1.1). I’ve 
seen it once but can’t replicate the issue at the moment. If this happens to you,
please contact me via [my site](http://www.maltpress.co.uk) or in the forum for 
this plugin.

  What’s with the name?

I couldn’t think of one, so I asked on Twitter and @michlan came up with it. I’m
going to make this a thing. If you want to name a future plugin, follow @maltpress

  Marry me?

Maybe.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Scrollarama」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ maltpress ](https://profiles.wordpress.org/maltpress/)

[帮助将「Scrollarama」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/scrollarama)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/scrollarama/)，查看[SVN仓库](https://plugins.svn.wordpress.org/scrollarama/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/scrollarama/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/scrollarama/)。

## 更新日志

#### 1.1.1

 * Fixed bug on new WP and Scrollarama installs where category array chucks an “
   implode: Invalid arguments” error

#### 1.1

 * Added timeout (time each slide shows for) editing
 * Added speed (time it takes for transition to complete) editing
 * Added custom jQuery Cycle option editing
 * Can now select multiple categories to slide through
 * Now select up to ten posts

#### 1.0

 * Plugin launched

## 额外信息

 *  版本 **1.1.1**
 *  最后更新：**15 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **3.1.4**
 *  语言
 * [English (US)](https://wordpress.org/plugins/scrollarama/)
 * 标签
 * [cycle](https://cn.wordpress.org/plugins/tags/cycle/)[featured posts](https://cn.wordpress.org/plugins/tags/featured-posts/)
   [jquery](https://cn.wordpress.org/plugins/tags/jquery/)[posts](https://cn.wordpress.org/plugins/tags/posts/)
   [widget](https://cn.wordpress.org/plugins/tags/widget/)
 *  [高级视图](https://cn.wordpress.org/plugins/scrollarama/advanced/)

## 评级

尚未提交反馈。

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

[查看全部评论](https://wordpress.org/support/plugin/scrollarama/reviews/)

## 贡献者

 *   [ maltpress ](https://profiles.wordpress.org/maltpress/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/scrollarama/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CMGXVNG4MKQYU)