기초 궤도 슬라이더의 이미지 전체 너비

Question

궤도 슬라이더 이미지의 너비에 문제가 있습니다. 내 이미지의 너비는 1600 픽셀이지만 모니터 해상도는 더 높을 수 있습니다 (예 : 1680 픽셀). 이미지의 크기를 화면의 100 % (이 예에서는 1680 픽셀)로 늘릴 수 있습니까?

내 코드는 표준이며 다음과 같다 : 어떤 도움

<div id="featured"> 
<img src="11.jpg" alt=""> 
<img src="12.jpg" alt=""> 
<img src="13.jpg" alt=""> 
</div> 

<script src="js/jquery.foundation.orbit.js"></script> 

<script type="text/javascript"> 
    $(window).load(function() { 
     $("#featured").orbit(); 
    }); 
</script> 

감사합니다.

아드리안

Answer 1

• 당신은 var imgwidth = window.innerWidth를 사용하여 윈도우의 폭을 얻을 수 있습니다.

• $('image_selector').width = imgwidth을 사용하여 이미지의 너비 속성을 설정하십시오.

  $ (창) .load ({

  var imgwidth = window.innerWidth; 
  $('image_selector').width = imgwidth; 
  $("#featured").orbit(); 
  

  });

Answer 2

CSS 설정은 어떻게되어 있습니까? 컨테이너 너비 ('#featured')와 이미지를 100 %로 설정하면 이미지가 윈도우의 너비로 늘어납니다. 자바 스크립트로 너비를 계산할 필요가 없습니다.

Answer 3

쉽게 너비를 줄 수있는 행 div 외부의 궤도 코드를 작성하십시오. 기초 4에서 잘 입니다.