首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Colorbox scalePhotos不工作

Colorbox scalePhotos不工作
EN

Stack Overflow用户
提问于 2014-08-06 18:13:04
回答 1查看 455关注 0票数 0

Colorbox的scalePhotos参数似乎没有按预期工作。下面是我初始化colorbox的方法,它是在html末尾的结束</body>标记之前调用的:

代码语言:javascript
复制
jQuery('a.screen').colorbox({
    rel: 'screens',
    width: '960px',
    height: '720px',
    photo: 'true',
    speed: '1000',
    scalePhotos: 'true'
});

尽管这会增加colorbox的大小,但尽管将scalePhotos设置为true,图像仍以其默认大小显示。我还尝试了设置initialWidth/Height以及编辑CSS,但似乎都不起作用。

我也尝试过这个方法: jQuery('.screen').colorbox({

函数: onComplete (){ $(this).colorbox.resize({innerWidth:'800px',innerHeight:'600px',scalePhoto: true});}

});

这里有一张图片说明了这个问题:http://punchpedia.com/cbox.png

EN

回答 1

Stack Overflow用户

发布于 2014-08-07 11:55:42

我不确定它是否会工作correctly.just尝试一次..

代码语言:javascript
复制
jQuery(document).ready(function(){
jQuery("a.media-gallery-thumb").colorbox({
                    onComplete:function() {
                    var x = jQuery('div.lightbox-stack div.media-gallery-item div.gallery-thumb-outer div.gallery-thumb-inner a img').width();
                    var y = jQuery('div.lightbox-stack div.media-gallery-item div.gallery-thumb-outer div.gallery-thumb-inner a img').height();
                    jQuery(this).colorbox.resize({width:x, height:y});
                    },
                });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25157711

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档