Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整巨型图像的大小_Javascript_Jquery_Html_Image_Fancybox - Fatal编程技术网

Javascript 调整巨型图像的大小

Javascript 调整巨型图像的大小,javascript,jquery,html,image,fancybox,Javascript,Jquery,Html,Image,Fancybox,我正在做一个项目,使用《纽约时报》API和FancyBox库创建一个最流行文章照片的照片库 我在fancybox上遇到了一些严重的问题,这是javascript/jquery的新手。来自泰晤士报API的文章有一个超大图像,通常是24xx x 13xx像素。现在,为了我的生命,我无法在fancybox打开时调整它的大小。图像是巨大的,压倒了屏幕。我曾尝试使用javascript修改fancybox属性,但这似乎根本不起作用 $("document").ready(function() {

我正在做一个项目,使用《纽约时报》API和FancyBox库创建一个最流行文章照片的照片库

我在fancybox上遇到了一些严重的问题,这是javascript/jquery的新手。来自泰晤士报API的文章有一个超大图像,通常是24xx x 13xx像素。现在,为了我的生命,我无法在fancybox打开时调整它的大小。图像是巨大的,压倒了屏幕。我曾尝试使用javascript修改fancybox属性,但这似乎根本不起作用

    $("document").ready(function() {
    $(".fancybox").fancybox({
        maxHeight : 1280,
        maxWidth: 720,
        fitToView     : false,
        autoSize    : true,
        closeClick  : true,
        autoCenter : true,
        closeBtn : true
    });
});
至少,我不确定这是否正确。如果有人有任何建议,我们将不胜感激


旁注:对于图片,我不会单独下载图片。我的想法是解析API的json并获取图像URL。因此,这就是我将数据传递到我的网站的方式。

您是否尝试过设置fitoview:true,还要确保为通过脚本解析的图像添加type:image。我尝试过fitoview,但没有成功。将确保我添加类型:image。我还没试过。