Question

我正在使用响应式图像滑块，我试图将其放入彩盒中，但首先当彩色框弹出时，它会打开一个空白的小内容框，我希望图像滑块出现在颜色框中。内容在我的网站上的彩盒中打开很好，所以无法理解为什么我不能在小提琴中复制它。

其次，当浏览器窗口缩小时，似乎colorbox不适应它的大小，这是否可以改变？我尝试将colorbox.js中的max-height和max-width设置为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在此小提琴中THIS FIDDLE Here is the fiddle外部链接，没有颜色框，正如您所见，它是响应式的。

所以我只需要一种能够在弹出窗口中点击打开滑块的链接的方法，如果有其他选项或可能有移动响应灯箱，请告诉我。

Answer 1

使用了fancybox而不是colorbox，它似乎对移动设备完全响应，因此解决了问题。

内容没有出现在彩盒和移动响应彩盒中？

1 个答案: