Voor & Na shortcodes

Smooth Version

Just move the mouse over the image or swipe on touch devices.

  1. Voor
  2. Na
Verkrijg de code

[before_after width="719" height="404" before_src="/wp-content/uploads/2013/06/banda_before_1_v01.png" after_src="/wp-content/uploads/2013/06/banda_after_1_v01.png"]

Flip Version

Click the handler at the bottom.

  1. Voor
  2. Na
Verkrijg de code

[before_after width="719" height="404" before_src="/wp-content/uploads/2013/06/banda_before_1_v01.png" after_src="/wp-content/uploads/2013/06/banda_after_1_v01.png" type="flip"]

Hover

Hover over the image to show its alternative version.

  1. Voor
  2. Na
Verkrijg de code

[before_after width="719" height="404" before_src="/wp-content/uploads/2013/06/banda_before_1_v01.png" after_src="/wp-content/uploads/2013/06/banda_after_1_v01.png" type="hover"]

Shortcode documentatie

  • ID kaart
    Het id-kenmerk specificeert een id voor een HTML-element.
    Het moet uniek zijn binnen het HTML-document.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • klasse
    Het class attribuut specificeert een class naam voor een HTML element.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • type
    Beschikbare opties:
    • smooth - Splitted image
    • flip - Flip image on click
    • hover - Change on hover
  • before_src
  • after_src
  • width
    The width in pixels
  • height
    The height in pixels