[wordpress插件] Before After Pictures之前之后图片

wordpress 插件 文章 2020-03-03 01:10 550 0 全屏看文

AI助手支持GPT4.0

评分
0
描述

Before After Pictures plugin integrates

Before Pictures插件集成后

>jQuery Before/After Plugin in the wordpress.

在WordPress中> jQuery插件之前/之后。

It can be used to show the difference between edited and original photo, before and after photos of changes, etc.

可用于显示修改后的照片与原始照片之间的差异,更改前后的照片等。

Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog

请查看“其他说明”以获取用法说明,以了解如何在博客上使用它

Demosites: http://www.ansichten-und-aussichten.de/beforeafter-pictures/

Demosites:http://www.ansichten-und-aussichten.de/beforeafter-pictures/

Operation with default theme

默认主题下的操作



Operation with TwentyTen theme

使用TwentyTen主题的操作

>

>

Author info:

作者信息:

Holger Stroeder

霍尔格·斯特罗德(Holger Stroeder)

Limitations

限制

    • Both iomages must have the same size in pixels
    • 两个图像的像素大小必须相同

    • Before/After Pictures works only on single posts and pages
    • 图片之前/之后仅适用于单个帖子和页面

    Usage

    用法

      • Set the default options on the admin page of the plugin
      • 在插件的管理页面上设置默认选项

      • Write the content of your post other than the images
      • 写出除图片之外的帖子内容

      • Upload the before and after images to wordpress or any other webspace and remember the path/url

        将前后图像上传到wordpress或任何其他网站空间,并记住路径/ URL

      • Switch to ‘Visuell’ mode of the post editor area

        切换到帖子编辑器区域的“ Visuell”模式

      • Click ‘Before/After Pictures’ button
      • 点击“图片之前/之后”按钮

      • Fill in the information in the popup screen (id, before and after image must be set), empty attributes can be deleted
      • 在弹出屏幕中填写信息(必须设置图像的ID,必须在图像的前后),可以删除空属性

      or

        • Switch to ‘HTML’ mode of the post editor area
        • 在帖子编辑器区域切换到“ HTML”模式

        • Click ‘Before/After Pictures’ button
        • 点击“图片之前/之后”按钮

        • Fill in the information in the editor area (id, before and after image must be set), empty attributes can be deleted

          填写编辑器区域中的信息(必须设置图像的ID,必须在图像的前后),可以删除空属性

        • Parameters:

          参数:

          [beforeafterpics id=” image_before=” image_after=” animateintro=” introdelay=” introduration=” showfulllinks=” /]

          [beforeafterpics id =“ image_before =” image_after =“ animateintro =” introdelay =“ introduration =”“ showfulllinks =” /]

        id: If you want to place multiple [beforeafter] sections on one page, every shortcode must have an unique id.

        id:如果要在一页上放置多个[beforeafter]节,则每个简码必须具有唯一的id。

        (required if more than one image in the post)

        (如果帖子中有一张以上的图片,则需要)

        image_before: path/url to the image file must be set.

        image_before:必须设置图像文件的路径/ URL。

        (required)

        (必填)

        image_after: path/url to the image file must be set.

        image_after:必须设置图像文件的路径/ URL。

        (required)

        (必填)

        animateintro: Whether or not to have the drag bar start completely to the right of the container and gradually move by itself to the midpoint.

        animateintro:是否使拖动杆完全从容器的右侧开始,然后逐渐自行移动到中点。

        (optional)

        (可选)

        introdelay: If animateIntro is true, the number of milliseconds to wait before beginning the automatic drag bar move to the center of the image.

        introdelay:如果animateIntro为true,则在开始自动拖动栏移动到图像中心之前要等待的毫秒数。

        (optional)

        (可选)

        introduration: If animateIntro is true, the number of milliseconds it will take for the drag bar to go from the right side of the image to the middle of the image.

        简介:如果animateIntro为true,则拖动条从图像的右侧移动到图像的中间将花费的毫秒数。

        (optional)

        (可选)

        showfulllinks: Whether or not to display links below the image that a visitor can click on that will automatically show the full before or full after image.

        showfulllinks:是否在访问者可以单击的图像下方显示链接,该链接会自动显示图像的前完整图像或后完整图像。

        (optional)

        (可选)

安装步骤

Requirements

要求

    • WordPress: 2.9 or newer
    • WordPress:2.9或更高版本

    Basic Installation

    基本安装

      • Plugin folder in the WordPress plugins folder must be beforeafter-pictures
      • WordPress插件文件夹中的

      • 插件文件夹必须为图片后

      • Upload folder before-after-pics to the /wp-content/plugins/ directory
      • 将文件夹图片后更新上载到 / wp-content / plugins / 目录

      • Activate the plugin through the ‘Plugins’ menu in WordPress
      • 通过WordPress中的“插件”菜单激活插件

      • Check Before/After Pictures Option page
      • 检查“图片之前/之后”选项页面

      • Check out ‘Other Notes’ for usage instruction.
      • 查看“其他说明”以获取使用说明。

下载地址
https://downloads.wordpress.org/plugin/beforeafter-pictures.0.2.1.zip
-EOF-

AI助手支持GPT4.0