title: Jquery: Slide images diagonally
body: <p>Here is the effect I want to achieve: <a href="https://i.stack.imgur.com/ZawLy.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZawLy.jpg" alt="enter image description here"></a></p>
  
  <p>This is i.e. one image, and the other images should slide diagonally in the way that arrow goes. The effect should not be fade effect. The slide effect has to be achieved. </p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div id="slider_page"&gt;
     &lt;div style="display: block;"&gt;
         &lt;img src="img1.jpg"&gt;                      
         &lt;img src="img2.jpg"&gt;                 
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please for help guys.</p>
  
  <p>Sorry for the mess in the html code.</p>
  
  <p>Thanks in advance</p>