このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Advanced Before After Slider

説明

The Advanced Before and After Slider plugin offers a virtual way to show two images in the same frame. Users can manually move the slider to compare both images at once. This plugin help to show before and after image in one frame with movable handle, Main use for comparing two images in one frame with a bar in the middle.

Shortcode Parameters

  • orientation: Orientation of the before and after images (‘horizontal’ or ‘vertical’)
  • before_label: Set a custom before label
  • after_label: Set a custom after label
  • no_overlay: Do not show the overlay with before and after
  • move_slider_on_hover: Move slider on mouse hover?
  • click_to_move: Allow a user to click (or tap) anywhere on the image to move the slider to that location.

Key Features

✔️ Change Before/After Label.
✔️ Horizontal and Vertical Orientation option.
✔️ Image Overlay Option.
✔️ Move the slider on mouse hover.
✔️ Allow a user to click anywhere on the image to move the slider to that location.

How to Use

Advanced Before and After Slider plugin is a very simple way to use, you just put a shortcode anywhere.

Shortcode:

[abas-slider before_src="" after_src="" before_label="Before Label" after_label="After Label" click_to_move="true"]

Click here to see demo

スクリーンショット

  • Horizontal View
  • Vertical View

インストール

Easiest way:
1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the \’Plugins\’ screen in WordPress
3. Use the Settings->Plugin Name screen to configure the plugin

FAQ

Can I change the before/after labels?

Yes, you can.

Move slider on mouse hover?

Yes

Is this plugin works with horizontal and vertical orientation?

Yes

評価

このプラグインにはレビューがありません。

貢献者と開発者

Advanced Before After Slider はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Advanced Before After Slider” は2ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Advanced Before After Slider” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.0.0

Initial release