Dieses Plugin ist nicht mit den jüngsten 3 Hauptversionen von WordPress getestet worden. Es wird möglicherweise nicht mehr gewartet oder unterstützt und kann Kompatibilitätsprobleme haben, wenn es mit neueren Versionen von WordPress verwendet wird.

Before After Image Slider Lite

Beschreibung

The Before After Image Slider for WordPress allows you to easily show and compare two images. See screenshots or demo for more information.

The lite version contains the following features:

  • One mode (overlay)
  • Define left and right alt-Attribute
  • Set width
  • Set title
  • Shortcode generator (Note: You have to install the optional Favpress framework for this, see FAQ)
  • Define additional classes

Support

Please use the support forum in case of any problems or questions before
just giving a bad rating. We really take this seriously.

Verwendung

Please see the Other Notes section for more details on this.

HINT:

There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting an inital value, linking images and more…

View pro version

Verwendung

Shortcode Generator

To be a able to use the handy shortcode generator, you have to install the optional Favpress framework.
Set FAQ for this.

Tipp: Nachdem du deine Seiten erstellt hast, kannst du Favpress wieder deaktivieren. Es wird lediglich für die Editorfunktion verwendet.

Hinweis: Der Shortcode-Generator funktioniert derzeit nur im visuellen Modus des Editors.

Shortcode

The basic shortcode looks like this:

[image-comparator][/image-comparator]

You may use the following parameters:

  • left (required) – Url or id of the left image.
  • left_alt – „alt“ attribute of the left image.
  • right (required) – Url or id of the right image.*
  • right_alt – „alt“ attribute of the right image.
  • title – Optional title.
  • width Optional width, i.e. 70%.
  • classes – Additional CSS classes. Hint Use ‚hover‘ to enable a mouse hover effect.

Shortcode Examples

Just images:

[image-comparator left="http://.../left.jpg" right="http://.../right.jpg"][/image-comparator]

When you know the media id of the images you can do it like this:

[image-comparator left="123" right="456"][/image-comparator]

(This will also let you translate the media using WPML.)

Enable hover effect:
[image-comparator classes=“hover“][/image-comparator]

Vollständiges Beispiel:

[image-comparator
    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"
    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"
    width="70%" classes="hover"
    title="With hover (just move the mouse)"]
[/image-comparator]

Screenshots

  • Verwendung Example 1
  • Shortcode Generator
  • Verwendung Example 2

Installation

Das Plugin kann auf zwei Wege installiert werden:

From within WordPress plugin installation (recommended)

  1. Search for „Before After Image Slider“
  2. Download it and then active it.

oder

  1. Upload and activate the file „before-after-images-slider-lite.zip“ manually.

From the WordPress plugins page

  1. Download the plugin, extract the zip file.
  2. Upload the „before-after-images-slider-lite“ folder to your /wp-content/plugins/ directory.
  3. Active the plugin in the plugin menu panel in your administration area.

Upgrade Notice

Always upgrade to the newest release to profit from bugfixes and new features.

FAQ

Installation Instructions

Das Plugin kann auf zwei Wege installiert werden:

From within WordPress plugin installation (recommended)

  1. Search for „Before After Image Slider“
  2. Download it and then active it.

oder

  1. Upload and activate the file „before-after-images-slider-lite.zip“ manually.

From the WordPress plugins page

  1. Download the plugin, extract the zip file.
  2. Upload the „before-after-images-slider-lite“ folder to your /wp-content/plugins/ directory.
  3. Active the plugin in the plugin menu panel in your administration area.

Upgrade Notice

Always upgrade to the newest release to profit from bugfixes and new features.

Wo finde ich den Shortcode-Generator?

To be able to use the shortcode generator, you have to install the optional FavPress framework. You should be prompted
for this after activating the plugin.

Rezensionen

25. September 2019
No plugins or custom themes installed on site, get error "Sorry, you are not allowed to access this page." Another user studavis (@studavis) 2 years, 8 months ago Had the same error and you can see how long ago it was... ... Oh, now I see it's optional, so having said that the slider works just fine! It was difficult to understand what was needed to setup so I think the instructions could be a bit more clear regarding FavPress.
22. August 2018
easy to apply, cool effects
21. November 2017
I found this plugin after another one I was trying out was conflicting with other stuff. It worked perfectly out of the box, but my portrait images were far too long. I asked on the support theme and had a super quick reply with the perfect answer! Highly recommend this plugin
28. September 2017
Works very nice and it is easy to use, I recommend it!
Lies alle 20 Rezensionen

Mitwirkende & Entwickler

„Before After Image Slider Lite“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

Änderungsprotokoll

2.1.1

  • Fixed a JavaScript bug, which prevented using the toggle in FF

2.1

  • Improved localization support

2.0

  • Used FavPress in favor of Vafpress (You may remove Vafpress after updating the plugin)
  • Updated noUISlider to latest version
  • Removed included translations in favor of translate.wordpress.org

1.15

  • Checked compatibility with WordPress 4.6
  • Improved compatibility with themes and overlay method
  • A little larger knob on smaller devices

1.14

  • Hopefully finally fixed the theme incompatibility problems.

1.13

  • Security Fix Updated TGM to latest version
  • Improved theme compatibility

1.12.1

  • Added link to support forum and rating in administration

1.12

  • (Hopefully) improved performance for hover mode
  • Updated slider layout to be a little smaller and „darker“
  • Updated icons for shortcode generator

1.11.2

  • Improved description
  • Added Turkish translaton. Thanks to İbrahim Mumcu

1.11.1

  • Removed screenshots from plugin (reduces size)

1.11

  • Deutsche Übersetzung hinzugefügt
  • Added Serbian translation. Thanks to Ogi Djuraskovic

1.10

  • Updated noUISlider to 7.0.10
  • Added better support for localization

1.9

  • Intial public release