damiarita

<p>This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it! It’s perfect to compare “before” and “now” images.</p>
<p>This plugin will use jQuery to detect when your mouse gets into the box and move the white bar with it.</p>
<p>Simply use the shortcodes like this:<br />
    [sidebyside]<br />
      [sidebyside-left]<br />
        Put here whatever content you want to be on the left side<br />
      [/sidebyside-left]</p>
<pre><code>  [sidebyside-right]
    This is the place for the content that goes to the right
  [/sidebyside-right]
[/sidebyside]
</code></pre>
<h4>What should I put in the shortcodes?</h4>
<p>You can put whatever you want.</p>
<p>My suggestion is that you put two images with the same height</p>
<h4>Is it responsive?</h4>
<p>Yes!</p>
<p>All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes.</p>


Side by Side

I have had no troubles since I developed the plugin.
I you had some, please, let me know!



It works great for me!

This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it!

sethlivingston

<p>Inject JavaScript and CSS files into your website without having to know the details of the underlying HTML. Paste the<br />
URLs to external files into the WordPress Admin Settings, and Scripts and Styles will create and insert <script><br />
and <link> tags for you.</p>
<p>Banner image by JD Hancock (https://flic.kr/p/cTn6M9)</p>


Scripts and Styles

Inject JavaScript and CSS files into your website. Encourages best practices for performance and compatibility.

Side by Side vs Scripts and Styles