전폭 회전 목마 가능?

StackOverflow https://stackoverflow.com//questions/25049560

  •  21-12-2019
  •  | 
  •  

문제

창이 크기를 조정할 때 높이를 모두 크기 조정하지 않고 JSSOR 회전식 전체 너비를 완전하게 만들고 싶습니다. 따라서 넓은 화면에서 더 많은 슬라이드와 좁은 화면에 표시 될 것이므로 높이가 변경되지 않고도 적게 표시됩니다. 슬라이더가 크기를 조정하기를 원하지 않아, 나는 그것이 의미가있는 경우, 그것을 잘라 내기를 원한다.

지금까지 Firefox, Chrome, Safari 및 Opera에서 원하는대로 작동합니다. 내가 잘 설명하지 않으면, 나는 사과드립니다. http://jessetessman.com/110/slider.php firefox, 크롬, 사파리 또는 오페라에서 . 참고로 슬라이더의 크기를 조정하려면 새로 고침 해야하는 창 크기를 새로 고치면됩니다.

내 문제는 IE에서 작동하지 않습니다. IE에서 100px의 너비가 100px이고 작동하는 방법을 알지 못합니다.

나는 당신이 줄 수있는 어떤 도움을 주셔서 감사합니다. 나는 이제 이제는 이것을 가지고있는 길을 알고 있습니다. 그러나 나는 이것을 성취하는 것이 가장 좋은 방법이 아니라 JavaScript와는별로 좋지 않기 때문에,이 시점까지 엉망이 된 것입니다. 이것을 할 수있는 더 나은 방법에 대한 제안은 확실히 환영합니다.

도움을 청하기 위해 미리 감사드립니다.

도움이 되었습니까?

해결책

한 줄을 추가하십시오 $ ( "# news-slider") 너비 ( "100 %"); 

        var jssor_slider1 = new $JssorSlider$("news-slider", options);
        $("#news-slider").width("100%");
.

다음 CSS를 변경하려면 폭을 화면 너비보다 크게 만듭니다. 

#news-slider {
    left: 0px; top: 0px; width: 2400px; height: 350px; overflow: hidden; position: relative;
}
#news-slider .slides {
    left: 0px; top: 0px; width: 2400px; height: 350px; overflow: hidden; z-index: 0;
}
.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top