title: How to use JSSOR slider without fixed height and width
body: <p>I am using jssor slider for image slider .</p>
  
  <p>I want my images to take whole width but half the height of total screen . I am using the following code 
  to resize the image to different screen sizes</p>
  
  <pre><code>function ScaleSlider() {      
      var parentWidth = $('#slider1_container').parent().width();     
  
  
        if (parentWidth) {
         jssor_slider1.$ScaleWidth(parentWidth);
  
     }
     else
         window.setTimeout(ScaleSlider, 30);
  }
  </code></pre>
  
  <p>My understanding is for JSSOR slider to work I need to provide width and height. I have images of size  1280 X 415. I gave a width width of 1280 and height of 200 for inner and outer slier containers</p>
  
  <pre><code>    &lt;div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1280px; height: 200px; overflow: hidden;"&gt;
      &lt;!-- Slides Container --&gt;
      &lt;div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1280px; height: 200px;"&gt;
          &lt;div&gt;
              &lt;img u="image" src="~/Images/slider/Slider_2.jpg" /&gt;                
  
          &lt;/div&gt;
          &lt;div&gt;
  
              &lt;img u="image" src="~/Images/slider/high-ct.jpg" /&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Now the problem is on wider screens images look stretched ( a lot) ? Is there any way I could use percentage/or any other solution for width and height in JSSOR to avoid stretching ?</p>