Как изменить размер слайдера HTML без CSS?

Question

У меня проблема с моим слайдером. Когда я использую эту страницу на мобильном телефоне, слайдер будет небольшим. Ползунок - это первый объект на моей странице, и я бы хотел, чтобы он был больше. Я знаю, что это было бы лучше сделать в CSS, но это плагин (с java), и я не могу его перемещать с помощью CSS.

Как сделать ползунок более крупным?

Вот мой код:

<div id="slider1_container" style="position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:640px;overflow:hidden;"> 
<div data-u="loading" style="position:absolute;top:0px;left:0px;"> 
<div style="filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;"> 
</div> 
<div style="position:absolute;display:block;background:url(images/loading.gif) no-repeat center center;top:0px;left:0px;width:100%;height:100%;"> 
</div> 
</div> 
<div data-u="slides" style="cursor:move;position:absolute;left:0px;top:0px;width:1300px;height:640px;overflow:hidden;"> 
<div> 
<img data-u="image" src="images/slide1.jpg" alt=""> 
<div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position:absolute;width:445px;height:300px;top:100px;left:600px;"> 
</div> 
<div data-u="caption" data-t="RTT|2" data-r="-75%" data-du="1600" data-d="2500" data-t2="NO" style="position:absolute;width:470px;height:220px;top:120px;left:650px;"> 
</div> 
</div> 
<div> 
<img data-u="image" src="images/slide2.jpg" alt=""> 
</div> 
<div> 
<img data-u="image" src="images/slide3.jpg" alt=""> 
</div> 
</div> 
<div data-u="navigator" class="jssorb21"> 
<div data-u="prototype"></div> 
</div> 
<span data-u="arrowleft" class="jssora21l"> 
</span> 
<span data-u="arrowright" class="jssora21r"> 
</span> 
<a style="display:none" href="http://www.jssor.com">Bootstrap Slider</a> 
</div> 

<script> 
jssor_slider1_starter('slider1_container'); 
</script> 

Answer 1

Установите ширину на 100% и высоту на авто или оставить его на 640px