Linux 软件免费装

Side by Side

开发者 damiarita
更新时间 2017年11月15日 07:31
PHP版本: 1.0.2 及以上
WordPress版本: 4.8.3
版权: GPLv2 or later
版权网址: 版权信息

标签

css javascript responsive shortcode style jQuery now before comparing before-now

下载

1.0.0 1.0.1

详情介绍:

This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it! It's perfect to compare "before" and "now" images. This plugin will use jQuery to detect when your mouse gets into the box and move the white bar with it. Simply use the shortcodes like this: `[sidebyside] [sidebyside-left] Put here whatever content you want to be on the left side [/sidebyside-left] [sidebyside-right] This is the place for the content that goes to the right [/sidebyside-right] [/sidebyside]` What should I put in the shortcodes? You can put whatever you want. My suggestion is that you put two images with the same height Is it responsive? Yes! All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes.

安装:

  1. On the left side menu select Plugins > Add New
  2. In "Search Plugins" field enter "side by side" and search
  3. Press "Install Now" button of the "side by side"

屏幕截图:

  • Default view of two pictures.
  • Once I move the mouse over the images, the separating bar moves with it.

升级注意事项:

1.0.1
  • The JS file is loaded from the footer of the html to improve rendering speed

常见问题:

Do I need to be a programmer?

No! All you need to do is using these shortcodes: `[sidebyside] [sidebyside-left] Put here whatever content you want to be on the left side [/sidebyside-left] [sidebyside-right] This is the place for the content that goes to the right [/sidebyside-right] [/sidebyside]`

What should I put in the shortcodes?

You can put whatever you want. My suggestion is that you put two images with the same height

Is it responsive?

Yes! All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes.

更新日志:

1.0.2 *Minified script is loaded by default. Non minified if SCRIPT_DEBUG is set to true 1.0.1 *Script is loaded in the footer 1.0.0