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