BJQS를 더 크게 만들고 반응하는 방법

나는 bjq를 상자보다 크고 응답 성이 뛰어난 기능을 활용하려고합니다. 슬라이더의 슬라이드 애니메이션 버전에서이 작업을 수행 할 때 발생하는 문제점은 포커스 슬라이드에없는 다른 슬라이드를 계속 볼 수 있다는 것입니다. 그게 작동하지 않는 것 때문에 내가 제공하는 js 대신 크기를 CSS를 사용하고 있습니다. 그것은 반응으로 사실이라면 아마 최대 값을 설정하기로되어 있지만 그것은 나를 위해 작동하지 않습니다.BJQS를 더 크게 만들고 반응하는 방법

내 문제를 보는 가장 쉬운 방법은 여기에서 http://www.basic-slider.com/ 및 웹 개발 도구를 다운로드하는 것입니다.

CSS :

#news-box-advertising {max-width: 100% !important; } 

.bjqs-wrapper {width: 1600px !important; } 

.bjqs-slide img {width: 100% !important; } 

.bjqs-slide .widgetDropped{ width: 100%; margin: 0px; } 
.bjqs-slide .widgetDropped .Panel_contentMiddle{padding: 0px;} 
.bjqs-slide .widgetDropped .Panel_contentMiddle > p{display: none;} 
.bjqs-slide #ctl00_ContentPlaceHolder1_widgetLayout_rptWidgets_ctl02_widgetContainer_ctl00_pnlFormattedMsgBox { background:transparent; border:0px; max-width: 100% !important; height: 100%;} 
.brdcrmhdr + br{display: none;} 
ul.bjqs{ position:relative; list-style:none; padding:0; margin:0; overflow:hidden; display:none;} 
li.bjqs-slide{ position:absolute; display:none;} 
ul.bjqs-controls{width: 100%; height: 100%; margin: 0 !important; padding: 0; z-index: 99; position: absolute; top: 0; } 
ul.bjqs-controls.v-centered li a{position:absolute;width:45px;text-indent:-9999px; height: 100%; }

JS :

$('#news-box-advertising').bjqs({ 
     commented out // 'height' : 500; 
     commented out // 'width' : 1500; 
     'animtype' : 'slide', 
     'centermarkers': false, 
     'responsive' : true 
    });

출처

2013-10-09 thomasp423

내가 '높이'에 추가 : 내 JS 호출에서 '자동',

그러나 여기에 관계없이 내 코드입니다. 당신이 어디 그렇게

높이 : 그것은 읽기 '자동',

및 주석이 너무 : (500)은 '높이'에 있음을

변화, 주석.

나는 또한 너비를 완전히 남겨두고 내 js에 어떤 값도 추가하지 않았습니다.

희망이 도움이됩니다.

제임스

출처

2014-02-13 01:41:18 antistandard

BJQS를 더 크게 만들고 반응하는 방법

답변

관련 문제