색상 상자에 넣으려고하는 반응 형 이미지 슬라이더를 사용하고 있습니다. 그러나 먼저 색상 상자가 튀어 오를 때 작은 크기의 빈 상자가 열리 며 이미지 슬라이더를 colorbox 내에 표시하고 싶습니다. 내용은 내 사이트에있는 colorbox에서 제대로 열립니다. 그래서 왜 이것을 피들에서 복제 할 수 없는지 이해할 수 없습니다.콘텐츠가 컬러 박스 및 모바일 반응 형 컬러 박스에 표시되지 않습니까?
둘째, colorbox는 브라우저 창이 축소되면서 크기가 조정되지 않는 것 같습니다. colorbox.js의 최대 높이와 최대 너비를 100 %로 설정해 보았지만 차이는 없습니다.
저는 이것을 어제 정렬하려고 애썼지 만 지금까지 행운이 없었기 때문에 당신이 줄 수있는 도움을 주시면 감사하겠습니다.
html로 :
<a class="colorbox-link fade_hov" href="#port1">Click to open colorbox</a>
<div style="display: none;">
<div id="port1">
<div>
<div id='ninja-slider'>
<ul>
<li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/1.jpg"></div></li>
<li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/2.jpg"></div></li>
<li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/3.jpg"></div></li>
<li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/4.jpg"></div></li>
<li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/5.jpg"></div></li>
</ul>
</div>
</div>
CSS의와 JS는 당신이 볼 수 있듯이, 응답의 colorbox없이 바이올린 THIS FIDDLEHere is the fiddle에에 외부에서 연결되어 있습니다.
다른 옵션이 있거나 이동 가능한 응답 가능한 라이트 박스가 있으면 알려주세요. 팝업 창에서 슬라이더를 여는 링크를 클릭 할 수있는 방법이 필요합니다.