title: How to edit jquery slider
body: <p>I'm not very experienced in Javascript/jQuery/CSS3 animations. </p>
  
  <p>I needed an animated slider, so I downloaded an <a href="http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/" rel="nofollow noreferrer">example</a> from internet and tried to modify it. </p>
  
  <p>At that banner image were at right side and texts were at left side.
  But, I need image at left side and texts at right side. 
  That's why, I change the image's <code>div</code> and text's css this way: </p>
  
  <p>Previous CSS code:</p>
  
  <pre><code>.da-img {
     position: absolute;
     left: 60%;
  }
  .da-slide p, .da-slide h2, .da-slide a {
     position: absolute;
     left: 10%;
  }
  </code></pre>
  
  <p>After changed by me:</p>
  
  <pre><code>.da-img {
     position: absolute;
     left: 10%;
  }
  .da-slide p, .da-slide h2, .da-slide a {
     position: absolute;
     left: 40%;
  }
  </code></pre>
  
  <p>After changing it, it worked fine: <br /><br />
  <img src="https://i.imgur.com/9sz1xTb.png" title="Hosted by imgur.com"/><br /><br /> But, when slider goes to the left to right or right to left, every things go to their previous position: <br /><br />
  <img src="https://i.imgur.com/OYJ6Eal.png" title="Hosted by imgur.com"/> <br /><br />
  I don't understand why it happened. Every time after refreshing page, the image shows at the left side of the <code>div</code> for the first time, but after the slider moves, everything changes! </p>
  
  <p>Please, tell me how can I fix it. You can see my touched files <a href="http://abidhasan.zxq.net/ParallaxContentSlider/" rel="nofollow noreferrer">here</a>.</p>