[wordpress插件] Carousel-of-post-images图像轮播

Carousel of Post allows you to quickly and easily put one or more galleries on a page/post using shortcodes.

Post Carousel of Post允许您使用简码快速轻松地将一个或多个画廊放置在页面/帖子上。

The images in the gallery will be selected from either all images attached to posts, or from images attached to a specific post.

画廊中的图像可以从帖子中附加的所有图像中选择，也可以从特定帖子中的图像中选择。

The default is to select 10 random images from all posts.

默认设置是从所有帖子中选择10张随机图片。

Important Links:

重要链接：

• Documentation

• 文档

  >

  >

Features

功能

• Uses JCarousel
• 使用JCarousel

• Integrates with other galleries (such as NextGen) to reuse the jcarousel and jquery without clashes.
• 与其他图库（例如NextGen）集成，可以重复使用jcarousel和jquery，而不会发生冲突。

• Many configurable options
• 许多可配置选项

• Small
• 小

• Uses the builtin wordpress thumbnail sizes for images
• 对图像使用内置的wordpress缩略图大小

Usage

用法

Use the shortcode to display a random selection of images from the posts on your site.

使用简码从您网站上的帖子中随机显示图像。

CSS is used to set the sizing of the Carousel areas.

CSS用于设置轮播区域的大小。

Example:
 

示例：
 

Shows a carousel with 2 images visible
    

显示带有2个可见图像的轮播
    

[carousel-of-post-images imagesize=small visible=2 count=15]

[图像后轮播imagesize = small visible = 2 count = 15]

Defining the number of visible items

定义可见项目的数量

Sometimes people are confused how to define the number of visible items because there is no option for this as they expect (Yes, there is an option visible, we discuss this later).

有时候人们对如何定义可见项目的数量感到困惑，因为没有他们期望的选项（是的，有一个可见的选项，我们稍后再讨论）。

You simply define the number of visible items by defining the width (or height) with the class .jcarousel-clip (or the more distinct .jcarousel-clip-horizontal and .jcarousel-clip-vertical classes) in your skin stylesheet

您只需在皮肤样式表中通过类.jcarousel-clip（或更独特的.jcarousel-clip-horizo​​ntal和.jcarousel-clip-vertical类）定义宽度（或高度）来定义可见项的数量。

.

This offers a lot of flexibility, because you can define the width in pixel for a fixed carousel or in percent for a flexible carousel (This example shows a carousel with a clip width in percent, resize the browser to see it in effect

这提供了很大的灵活性，因为您可以为固定轮播定义像素的宽度，或者为柔性轮播定义百分比（此示例显示了具有片段宽度的剪辑的轮播，请调整浏览器的大小以查看其效果）

).

）。

So, why there is an option visible?

那么，为什么有一个可见的选项？

If you set the option visible, jCarousel sets the width of the visible items to always make this number of items visible.

如果将选项设置为可见，则jCarousel设置可见项目的宽度，以始终使该数量的项目可见。

Open this example and resize your browser window to see it in effect.

打开此示例，然后调整浏览器窗口的大小以查看其生效。

Options

选项

.=------------------------------------------------
。= ------------------------------------------------ 
--------------------=.
-------------------- =。
|
|
Property  |
物业|
Type    |
类型
Default       |
默认值|
Description       |
描述
|-================================================
|-================================================ 
====================-|
===================-|
|
|
skin      |
皮肤| 
|
|
tango         |
探戈
Skin to use       |
皮肤使用|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
imagesize |
图像大小| 
|
|
medium        |
中|
Size of images to select.
要选择的图像尺寸。
Does |
是否|
|
| 
|
| 
|
| 
|
|
not affect the display just    |
不会影响显示效果
|
| 
|
| 
|
| 
|
|
the images that are selected   |
选择的图像|
|
| 
|
| 
|
| 
|
|
from the posts    |
从帖子|
|
| 
|
| 
|
| 
|
|
small,medium,large,full        |
小，中，大，满|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
orderby   |
订购| 
|
|
rand          |
兰德|
Display order, possible        |
显示顺序，可能|
|
| 
|
| 
|
| 
|
|
options see Wordress WP_Query  |
选项请参见Wordress WP_Query。
|
| 
|
| 
|
| 
|
| 
Orderby parameters|
Orderby参数|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
| 
postid    |
postid | 
|
|
all           |
全部|
The ID of the post to select   |
要选择的帖子的ID |
|
| 
|
| 
|
| 
|
|
images from.
图片来自。
If omitted will   |
如果省略将
|
| 
|
| 
|
| 
|
|
select from all posts.May      |
从所有帖子中选择。
|
| 
|
| 
|
| 
|
|
contain a comma delimited list |
包含逗号分隔的列表|
|
| 
|
| 
|
| 
|
|
of posts to include            |
包括的帖子|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
count     |
计数| 
|
| 
10            |
10 |
Number of images to select     |
选择的图像数
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
| 
div       |
div | 
|
|
post-carousel |
旋转木马|
ID of the list for the images.
图像列表的ID。 
|
|
|
| 
|
| 
|
| 
|
|
Only necessary to set when     |
仅在|时设置
|
| 
|
| 
|
| 
|
|
using more than one post       |
使用多个帖子|
|
| 
|
| 
|
| 
|
|
carousel in a page/post        |
页面/帖子中的轮播|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
vertical  |
垂直|
bool    |
布尔|
false         |
错误
Specifies wether the carousel  |
指定是否轮播|
|
| 
|
| 
|
| 
|
|
appears in horizontal or       |
以水平或|出现
|
| 
|
| 
|
| 
|
|
vertical orientation.
垂直方向。
Changes  |
变更|
|
| 
|
| 
|
| 
|
|
the carousel from a leftight |
左/右的旋转木马|
|
| 
|
| 
|
| 
|
|
style to a up/down style       |
样式到上/下样式|
|
| 
|
| 
|
| 
|
|
carousel.
旋转木马。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
| 
rtl       |
rtl |
bool    |
布尔|
false         |
错误
Specifies wether the carousel  |
指定是否轮播|
|
| 
|
| 
|
| 
|
|
appears in RTL (Right-To-Left) |
出现在RTL（从右至左）中|
|
| 
|
| 
|
| 
|
|
mode.
模式。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
start     |
开始
integer |
整数| 
1 |
1 |
The index of the item to start |
要开始的项目的索引|
|
| 
|
| 
|
| 
|
|
with.
用。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
offset    |
抵消
integer |
整数| 
1 |
1 |
The index of the first         |
第一个索引|
|
| 
|
| 
|
| 
|
|
available item at |
可用的商品|
|
| 
|
| 
|
| 
|
|
initialisation.
初始化。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
scroll    |
滚动|
integer |
整数| 
3 |
3 |
The number of items to scroll  |
滚动项目数
|
| 
|
| 
|
| 
|
|
by.
通过。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
visible   |
可见|
integer |
整数|
null          |
空|
If passed, the width/height of |
如果通过，则|的宽度/高度。
|
| 
|
| 
|
| 
|
|
the items will be calculated   |
将计算项目|
|
| 
|
| 
|
| 
|
|
and set depending on the       |
并根据|进行设置
|
| 
|
| 
|
| 
|
|
width/height of the clipping,  |
裁剪的宽度/高度|
|
| 
|
| 
|
| 
|
|
so that exactly that number of |
因此，确切的数量|
|
| 
|
| 
|
| 
|
|
items will be visible.
项目将可见。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
animation |
动画|
mixed   |
混合|
fast          |
快速
The speed of the scroll        |
滚动速度
|
| 
|
| 
|
| 
|
|
animation as string in jQuery  |
动画作为jQuery中的字符串|
|
| 
|
| 
|
| 
|
|
terms (slow or fast) or        |
字词（慢或快）或|
|
| 
|
| 
|
| 
|
|
milliseconds as integer (See   |
毫秒为整数（请参见|
|
| 
|
| 
|
| 
|
| 
jQuery Documentation).
jQuery文档）。
If set  |
如果设置|
|
| 
|
| 
|
| 
|
|
to 0, animation is turned off.
为0时，动画关闭。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
easing    |
放松
string  |
字符串
null          |
空|
The name of the easing effect  |
缓解效应的名字
|
| 
|
| 
|
| 
|
|
that you want to use (See      |
您要使用的（请参阅|
|
| 
|
| 
|
| 
|
| 
jQuery Documentation).
jQuery文档）。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
auto      |
汽车|
integer |
整数| 
0 |
0 |
Specifies how many seconds to  |
指定|秒
|
| 
|
| 
|
| 
|
|
periodically autoscroll the    |
定期自动滚动|
|
| 
|
| 
|
| 
|
|
content.
内容。
If set to 0 (default) |
如果设置为0（默认）|
|
| 
|
| 
|
| 
|
|
then autoscrolling is turned   |
然后自动滚动变为|
|
| 
|
| 
|
| 
|
|
off.
关。 
|
|
|=----------*---------*---------------*-----------
| = ---------- * --------- * --------------- * ----------- 
--------------------=|
-------------------- = |
|
|
wrap      |
包裹|
string  |
字符串
null          |
空|
Specifies whether to wrap at   |
指定是否在|处换行
|
| 
|
| 
|
| 
|
|
the first/last item (or both)  |
第一项/最后一项（或两者皆有）|
|
| 
|
| 
|
| 
|
|
and jump back to the           |
并跳回|
|
| 
|
| 
|
| 
|
|
start/end.
开始/结束。
Options are first,  |
选项是第一个，|
|
| 
|
| 
|
| 
|
|
last, both or circular as      |
最后，无论是还是作为|
|
| 
|
| 
|
| 
|
|
string.
串。
If set to null,        |
如果设置为null，则|。
|
| 
|
| 
|
| 
|
|
wrapping is turned off         |
包装已关闭|
|
| 
|
| 
|
| 
|
| 
(default).
（默认）。 
|
|
'=------------------------------------------------
'= ------------------------------------------------ 
--------------------='
-------------------- ='

2. Install & Activate the plugin

   安装并激活插件

4. Use the shortcode in your posts or pages where you want a gallery

   在您想要画廊的帖子或页面中使用简码

6. Go to your post/page an enter the shortcode ‘[carousel-of-post-images imagesize=small visible=2 count=15]’

   转到您的帖子/页面，然后输入简短代码“ [[carousel-of-post-images imagesize = small visible = 2 count = 15]”