{"id":185,"date":"2013-03-05T11:37:48","date_gmt":"2013-03-05T11:37:48","guid":{"rendered":"http:\/\/3clicks.bringthepixel.com\/?page_id=185"},"modified":"2013-03-05T11:37:48","modified_gmt":"2013-03-05T11:37:48","slug":"before-after","status":"publish","type":"page","link":"https:\/\/blanchon.co.il\/en\/shortcodes\/media\/before-after\/","title":{"rendered":"Before & After Shortcodes"},"content":{"rendered":"

Smooth Version<\/h2>\n

Just move the mouse over the image or swipe on touch devices.<\/h4>\n
  1. \"Before\"<\/li>
  2. \"After\"<\/li><\/ol>
    <\/span><\/div><\/div><\/div><\/div>\n
    <\/i>Get The Code<\/div>
    \n
    <\/p>\n

    [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"]<\/p>\n

    <\/div>\n<\/div><\/div><\/div>\n

    <\/div>\n

    Flip Version<\/h2>\n

    Click the handler at the bottom.<\/h4>\n
    1. \"Before\"<\/li>
    2. \"After\"<\/li><\/ol>
      <\/span><\/div><\/div><\/div><\/div>\n
      <\/i>Get The Code<\/div>
      \n
      <\/p>\n

      [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"]<\/p>\n

      <\/div>\n<\/div><\/div><\/div>\n

      <\/div>\n

      Hover<\/h2>\n

      Hover over the image to show its alternative version.<\/h4>\n
      1. \"Before\"<\/li>
      2. \"After\"<\/li><\/ol>
        <\/span><\/div><\/div><\/div><\/div>\n
        <\/i>Get The Code<\/div>
        \n
        <\/p>\n

        [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"]<\/p>\n

        <\/div>\n<\/div><\/div><\/div>\n

        <\/div>\n

        <\/i><\/span><\/p>\n

        Shortcode documentation<\/h2>\n
        • id<\/div>
          The id attribute specifies an id for an HTML element.
          It must be unique within the HTML document.
          (Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li>
        • class<\/div>
          The class attribute specifies a class name for an HTML element.
          (Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li>
        • type<\/div>
          Available Options:<\/div>
          • smooth<\/span> - Splitted image<\/li>
          • flip<\/span> - Flip image on click<\/li>
          • hover<\/span> - Change on hover<\/li><\/ul><\/div><\/li>
          • before_src<\/div>
            <\/div><\/li>
          • after_src<\/div>
            <\/div><\/li>
          • width<\/div>
            The width in pixels<\/div><\/div><\/li>
          • height<\/div>
            The height in pixels<\/div><\/div><\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"

            Smooth Version Just move the mouse over the image or swipe on touch devices. Flip Version Click the handler at the bottom. Hover Hover over the image to show its alternative version. Shortcode documentation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":205,"menu_order":205,"comment_status":"closed","ping_status":"closed","template":"g1_template_page_nav_right.php","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/185"}],"collection":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":0,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/185\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/205"}],"wp:attachment":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/media?parent=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}