2013-10-02 31 views
-1

我尝试了一切,但我无法弄清楚如何做到这一点,当我按下'下一张'照片,并且弹出窗口的大小随照片大小而变化。像这样:http://www.jacklmoore.com/colorbox/example1/弹性转换示例。我试图做maxWidth和maxHeight 100%,并将这个新版本的colorbox文件上传到服务器...风格有点变化,但主要原因,resposive自动宽度和高度没有。也许我做错了什么,但我几乎完成了我的页面,并留下了一个问题。Opencart Colorbox AUTO高度和宽度?

我现在相信,在#1 :)

+0

我完全不理解你。所以现在它会改变尺寸,你不希望它这样做,或者它不这样做,你希望它做到这一点? – shadyyx

回答

0

首先,要确保,即scalePhotos没有被设置为false。其次,maxWidthmaxHeight必须设置绝对值(像素),而不是百分比。百分比值是获取具有响应尺寸的colorbox窗口的一种方法。据我所知,当从当前设置中加载新图像后,当colorbox的窗口不改变其大小时,您需要“对比”行为。所以,你应该使用绝对值为maxWidthmaxHeight。例如:

$('.colorbox').colorbox({ 
    scalePhotos: true, //'true' by default BTW 
    maxWidth: '600px', 
    maxHeight: '600px' 
});