AI助手支持GPT4.0
The Before After Image Slider for WordPress allows you to easily show and compare two images.
适用于WordPress的After After Image Slider可让您轻松显示和比较两个图像。
See screenshots or demo for more information.
有关更多信息,请参见屏幕截图或演示。 p>
The lite version contains the following features:
精简版包含以下功能: p>
ul>
Support
支持 strong> p>Please use the support forum in case of any problems or questions before在遇到任何问题之前,请使用支持论坛。 />/>just giving a bad rating.只是给一个不好的评价。We really take this seriously.我们真的很重视这一点。 p>Usage 用法 strong> p>Please see the Other Notes section for more details on this.有关更多详细信息,请参阅其他说明部分。 p> p>>HINT:提示: h4>There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting还有一个专业版可直接支持,并具有其他功能,例如更多模式,Visual Composer支持,设置an inital value, linking images and more…初始值,链接图像等等…… p>View pro version 查看专业版 p> blockquote>Usage用法 h3>Shortcode Generator简码生成器 h4>To be a able to use the handy shortcode generator, you have to install the optional Favpress framework.要能够使用方便的简码生成器,必须安装可选的Favpress框架。Set FAQ for this.为此设置常见问题解答。 p>Hint: After you’ve created your pages, you can safely deactivate (and remove) Favpress again. 提示 strong>:创建页面后,可以安全地停用(并删除)Favpress。It is only needed for this editor functionality.只有此编辑器功能才需要。 p>Note: The generator currently only works in the visual editor mode. 注意 strong>:生成器当前仅在可视编辑器模式下工作。 p>Shortcode简码 h4>The basic shortcode looks like this:基本短代码如下: p>[image-comparator][/image-comparator] [图像比较器] [/图像比较器] code> pre>You may use the following parameters:您可以使用以下参数: p>left (required) – Url or id of the left image. 左 strong>(必填)–左图像的网址或ID。 li>left_alt – “alt” attribute of the left image. left_alt strong>-左侧图片的“ alt”属性。 li>right (required) – Url or id of the right image.* 右 strong>(必填)-右图像的网址或ID。* li>right_alt – “alt” attribute of the right image. right_alt strong>-右侧图片的“ alt”属性。 li>title – Optional title. 标题 strong> –可选标题。 li>width Optional width, i.e. 70%. 宽度 strong>可选宽度,即70%。 li>classes – Additional CSS classes. 类 strong> –其他CSS类。 Hint Use ‘hover’ to enable a mouse hover effect.提示 strong>使用“悬停”启用鼠标悬停效果。 li> ul>Shortcode Examples简码示例 h4>Just images:只是图像: p>[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
Please use the support forum in case of any problems or questions before
在遇到任何问题之前,请使用支持论坛。
/>
just giving a bad rating.
只是给一个不好的评价。
We really take this seriously.
我们真的很重视这一点。 p>
Usage
用法 strong> p>Please see the Other Notes section for more details on this.有关更多详细信息,请参阅其他说明部分。 p> p>>HINT:提示: h4>There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting还有一个专业版可直接支持,并具有其他功能,例如更多模式,Visual Composer支持,设置an inital value, linking images and more…初始值,链接图像等等…… p>View pro version 查看专业版 p> blockquote>Usage用法 h3>Shortcode Generator简码生成器 h4>To be a able to use the handy shortcode generator, you have to install the optional Favpress framework.要能够使用方便的简码生成器,必须安装可选的Favpress框架。Set FAQ for this.为此设置常见问题解答。 p>Hint: After you’ve created your pages, you can safely deactivate (and remove) Favpress again. 提示 strong>:创建页面后,可以安全地停用(并删除)Favpress。It is only needed for this editor functionality.只有此编辑器功能才需要。 p>Note: The generator currently only works in the visual editor mode. 注意 strong>:生成器当前仅在可视编辑器模式下工作。 p>Shortcode简码 h4>The basic shortcode looks like this:基本短代码如下: p>[image-comparator][/image-comparator] [图像比较器] [/图像比较器] code> pre>You may use the following parameters:您可以使用以下参数: p>left (required) – Url or id of the left image. 左 strong>(必填)–左图像的网址或ID。 li>left_alt – “alt” attribute of the left image. left_alt strong>-左侧图片的“ alt”属性。 li>right (required) – Url or id of the right image.* 右 strong>(必填)-右图像的网址或ID。* li>right_alt – “alt” attribute of the right image. right_alt strong>-右侧图片的“ alt”属性。 li>title – Optional title. 标题 strong> –可选标题。 li>width Optional width, i.e. 70%. 宽度 strong>可选宽度,即70%。 li>classes – Additional CSS classes. 类 strong> –其他CSS类。 Hint Use ‘hover’ to enable a mouse hover effect.提示 strong>使用“悬停”启用鼠标悬停效果。 li> ul>Shortcode Examples简码示例 h4>Just images:只是图像: p>[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
Please see the Other Notes section for more details on this.
有关更多详细信息,请参阅其他说明部分。 p>
p>
>
There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting还有一个专业版可直接支持,并具有其他功能,例如更多模式,Visual Composer支持,设置an inital value, linking images and more…初始值,链接图像等等…… p>View pro version 查看专业版 p> blockquote>Usage用法 h3>Shortcode Generator简码生成器 h4>To be a able to use the handy shortcode generator, you have to install the optional Favpress framework.要能够使用方便的简码生成器,必须安装可选的Favpress框架。Set FAQ for this.为此设置常见问题解答。 p>Hint: After you’ve created your pages, you can safely deactivate (and remove) Favpress again. 提示 strong>:创建页面后,可以安全地停用(并删除)Favpress。It is only needed for this editor functionality.只有此编辑器功能才需要。 p>Note: The generator currently only works in the visual editor mode. 注意 strong>:生成器当前仅在可视编辑器模式下工作。 p>Shortcode简码 h4>The basic shortcode looks like this:基本短代码如下: p>[image-comparator][/image-comparator] [图像比较器] [/图像比较器] code> pre>You may use the following parameters:您可以使用以下参数: p>left (required) – Url or id of the left image. 左 strong>(必填)–左图像的网址或ID。 li>left_alt – “alt” attribute of the left image. left_alt strong>-左侧图片的“ alt”属性。 li>right (required) – Url or id of the right image.* 右 strong>(必填)-右图像的网址或ID。* li>right_alt – “alt” attribute of the right image. right_alt strong>-右侧图片的“ alt”属性。 li>title – Optional title. 标题 strong> –可选标题。 li>width Optional width, i.e. 70%. 宽度 strong>可选宽度,即70%。 li>classes – Additional CSS classes. 类 strong> –其他CSS类。 Hint Use ‘hover’ to enable a mouse hover effect.提示 strong>使用“悬停”启用鼠标悬停效果。 li> ul>Shortcode Examples简码示例 h4>Just images:只是图像: p>[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting还有一个专业版可直接支持,并具有其他功能,例如更多模式,Visual Composer支持,设置an inital value, linking images and more…初始值,链接图像等等…… p>View pro version 查看专业版 p>
There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting
还有一个专业版可直接支持,并具有其他功能,例如更多模式,Visual Composer支持,设置
an inital value, linking images and more…
初始值,链接图像等等…… p>
View pro version
查看专业版 p>
blockquote>
To be a able to use the handy shortcode generator, you have to install the optional Favpress framework.
要能够使用方便的简码生成器,必须安装可选的Favpress框架。
Set FAQ for this.
为此设置常见问题解答。 p>
Hint: After you’ve created your pages, you can safely deactivate (and remove) Favpress again.
提示 strong>:创建页面后,可以安全地停用(并删除)Favpress。It is only needed for this editor functionality.只有此编辑器功能才需要。 p>Note: The generator currently only works in the visual editor mode. 注意 strong>:生成器当前仅在可视编辑器模式下工作。 p>Shortcode简码 h4>The basic shortcode looks like this:基本短代码如下: p>[image-comparator][/image-comparator] [图像比较器] [/图像比较器] code> pre>You may use the following parameters:您可以使用以下参数: p>left (required) – Url or id of the left image. 左 strong>(必填)–左图像的网址或ID。 li>left_alt – “alt” attribute of the left image. left_alt strong>-左侧图片的“ alt”属性。 li>right (required) – Url or id of the right image.* 右 strong>(必填)-右图像的网址或ID。* li>right_alt – “alt” attribute of the right image. right_alt strong>-右侧图片的“ alt”属性。 li>title – Optional title. 标题 strong> –可选标题。 li>width Optional width, i.e. 70%. 宽度 strong>可选宽度,即70%。 li>classes – Additional CSS classes. 类 strong> –其他CSS类。 Hint Use ‘hover’ to enable a mouse hover effect.提示 strong>使用“悬停”启用鼠标悬停效果。 li> ul>Shortcode Examples简码示例 h4>Just images:只是图像: p>[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
It is only needed for this editor functionality.
只有此编辑器功能才需要。 p>
Note: The generator currently only works in the visual editor mode.
注意 strong>:生成器当前仅在可视编辑器模式下工作。 p>Shortcode简码 h4>The basic shortcode looks like this:基本短代码如下: p>[image-comparator][/image-comparator] [图像比较器] [/图像比较器] code> pre>You may use the following parameters:您可以使用以下参数: p>left (required) – Url or id of the left image. 左 strong>(必填)–左图像的网址或ID。 li>left_alt – “alt” attribute of the left image. left_alt strong>-左侧图片的“ alt”属性。 li>right (required) – Url or id of the right image.* 右 strong>(必填)-右图像的网址或ID。* li>right_alt – “alt” attribute of the right image. right_alt strong>-右侧图片的“ alt”属性。 li>title – Optional title. 标题 strong> –可选标题。 li>width Optional width, i.e. 70%. 宽度 strong>可选宽度,即70%。 li>classes – Additional CSS classes. 类 strong> –其他CSS类。 Hint Use ‘hover’ to enable a mouse hover effect.提示 strong>使用“悬停”启用鼠标悬停效果。 li> ul>Shortcode Examples简码示例 h4>Just images:只是图像: p>[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
The basic shortcode looks like this:
基本短代码如下: p>
[image-comparator][/image-comparator] [图像比较器] [/图像比较器] code> pre>You may use the following parameters:您可以使用以下参数: p>left (required) – Url or id of the left image. 左 strong>(必填)–左图像的网址或ID。 li>left_alt – “alt” attribute of the left image. left_alt strong>-左侧图片的“ alt”属性。 li>right (required) – Url or id of the right image.* 右 strong>(必填)-右图像的网址或ID。* li>right_alt – “alt” attribute of the right image. right_alt strong>-右侧图片的“ alt”属性。 li>title – Optional title. 标题 strong> –可选标题。 li>width Optional width, i.e. 70%. 宽度 strong>可选宽度,即70%。 li>classes – Additional CSS classes. 类 strong> –其他CSS类。 Hint Use ‘hover’ to enable a mouse hover effect.提示 strong>使用“悬停”启用鼠标悬停效果。 li> ul>Shortcode Examples简码示例 h4>Just images:只是图像: p>[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
[图像比较器] [/图像比较器]
code> pre>
You may use the following parameters:
您可以使用以下参数: p>
Hint Use ‘hover’ to enable a mouse hover effect.
提示 strong>使用“悬停”启用鼠标悬停效果。 li>
Just images:
只是图像: p>
[image-comparator left="http://.../left.jpg" right="http://...ight.jpg"][/image-comparator] [image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator] code> pre>When you know the media id of the images you can do it like this:当您知道图像的媒体ID时,您可以这样做: p>[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
[image-comparator left =“ http://.../left.jpg” right =“ http://...ight.jpg”] [/ image-comparator]
When you know the media id of the images you can do it like this:
当您知道图像的媒体ID时,您可以这样做: p>
[image-comparator left="123" right="456"][/image-comparator] [图像比较器left =“ 123” right =“ 456”] [/ image-comparator] code> pre>(This will also let you translate the media using WPML.)(这也使您可以使用WPML翻译媒体。) p>Enable hover effect: 启用悬停效果: [image-comparator classes=”hover”][/image-comparator][image-comparator classes =“ hover”] [/ image-comparator] p>Full example:完整示例: p>[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
[图像比较器left =“ 123” right =“ 456”] [/ image-comparator]
(This will also let you translate the media using WPML.)
(这也使您可以使用WPML翻译媒体。) p>
Enable hover effect:
启用悬停效果:
[image-comparator classes=”hover”][/image-comparator]
[image-comparator classes =“ hover”] [/ image-comparator] p>
Full example:
完整示例: p>
[image-comparator [图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器] code> pre>
[图像比较器 left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg" left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt="The cobra is red" left_alt =“眼镜蛇是红色的” right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg" right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt="The cobra is black" right_alt =“眼镜蛇是黑色的” width="70%" classes="hover" width =“ 70%” classes =“ hover” title="With hover (just move the mouse)"]title =“随着鼠标悬停(只需移动鼠标)”][/image-comparator][/图像比较器]
left="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg"
left =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg”
left_alt="The cobra is red"
left_alt =“眼镜蛇是红色的”
right="http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg"
right =“ http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg”
right_alt="The cobra is black"
right_alt =“眼镜蛇是黑色的”
width="70%" classes="hover"
width =“ 70%” classes =“ hover”
title="With hover (just move the mouse)"]
title =“随着鼠标悬停(只需移动鼠标)”]
[/image-comparator]
[/图像比较器]
You can install the plugin in two ways:
您可以通过两种方式安装插件: p>
ol>
or
或 p>
Always upgrade to the newest release to profit from bugfixes and new features.
始终升级到最新版本,以从错误修正和新功能中受益。 p>
原文出处:http://www.sanshu.cn/a/4310.html
群主管理都是支付大佬