높이와 너비가 고정되어 있지 않은 JSSOR 슬라이더 사용 방법

이미지 슬라이더에 jssor 슬라이더를 사용하고 있습니다.높이와 너비가 고정되어 있지 않은 JSSOR 슬라이더 사용 방법

내 이미지의 너비는 전체 화면의 절반이지만 높이는 전체 화면을 사용하고 싶습니다. 내가 다른 화면으로 이미지 크기를 조정하려면 다음 코드 를 사용하고하는 것은

function ScaleSlider() {  
    var parentWidth = $('#slider1_container').parent().width();  


     if (parentWidth) { 
     jssor_slider1.$ScaleWidth(parentWidth); 

    } 
    else 
     window.setTimeout(ScaleSlider, 30); 
}

나의 이해는 내가 너비와 높이를 제공해야 할 일을 JSSOR 슬라이더입니다 크기. (많은) 연신 보일 I 문제가 넓은 화면 화상에 자 내외 slier 용기

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1280px; height: 200px; overflow: hidden;"> 
    <!-- Slides Container --> 
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1280px; height: 200px;"> 
     <div> 
      <img u="image" src="~/Images/slider/Slider_2.jpg" />     

     </div> 
     <div> 

      <img u="image" src="~/Images/slider/high-ct.jpg" /> 
     </div>

위한 I 1280)의 폭 (폭 준 X 415 1,280 크기 및 (200)의 높이의 이미지가? 스트레칭을 피하기 위해 JSSOR의 너비와 높이에 대해 백분율/또는 다른 솔루션을 사용할 수있는 방법이 있습니까?

출처

2014-09-06 Kenner Dev

-1

CSS에서 높이와 너비를 변경할 수 있습니다. 내가 www.bmskpt.in에서 내 갤러리에서 하나 개의 슬라이드를 한

출처

2014-09-06 21:08:06

JSSOR를 사용하고 있습니까? 또는 슬라이더? –

-1

해결 방법 1 :

는 '너비를 지정

$ FILLMODE 값 1 또는 2 또는 4

해결 방법 2를 시도하십시오 : 1280 픽셀; 높이 : 415px; '외부 컨테이너'및 '슬라이드'컨테이너 용.

슬라이더의 부모 노드에 'overflow : hidden'및 크기 (필요한 항목)를 지정하십시오.

출처

2014-09-07 02:23:13 jssor

jssor 답변 해 주셔서 감사합니다. –

jssor 답변을 보내 주셔서 감사합니다. 여기에 게시하기 전에 $ FillMode 옵션 1 & 2를 시도했지만 도움이되지 않았습니다. 그러나, 이제 나는 당신의 반응을보고 다시 시도하고 마술처럼 작동하고있다. 스트레칭은 아니지만 위아래로 자르고 있습니다. 전체 사진을 볼 수 없었습니다. 필 모드로 옵션 4를 시도했는데 작동하지 않았습니다. –

해결 방법의 두 번째 줄을 이해하지 못했습니다. 2 : –

높이와 너비가 고정되어 있지 않은 JSSOR 슬라이더 사용 방법

답변

관련 문제