Prima & Dopo gli shortcode

Smooth Version

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

  1. Prima
  2. After
Ottieni il codice

[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. Prima
  2. After
Ottieni il codice

[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. Prima
  2. After
Ottieni il codice

[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 documentation

  • ID
    L'attributo id specifica un id per un elemento HTML.
    Deve essere univoco all'interno del documento HTML.
    (Principalmente per scopi di stile/script aggiuntivi)
  • classe
    L'attributo class specifica un nome di classe per un elemento HTML.
    (Principalmente per scopi di stile/script aggiuntivi)
  • genere
    Opzioni disponibili:
    • 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