gpt4 book ai didi

jquery - 设置从 JQUERY/FLICKR API 提取的缩略图图像的自定义大小

转载 作者:行者123 更新时间:2023-12-01 01:28:49 25 4
gpt4 key购买 nike

我正在向网站添加图库,并且想从 flickr 帐户中提取图像。

我可以正常工作,但我想为缩略图设置一个自定义大小,而不仅仅是小、中和大,CSS 适用于框架,但内部图像会扭曲,所以可以在 jquery 中设置大小吗?

我用来拉取 flickr feed 的代码(我的 api 和 id 仅为 00000,仅适用于这篇文章)是:

$(function() {
var apiKey = '000000000000000000000000000000';
var userId = '000000000';
var tag = 'gsow,cycle,event';
var perPage = '20';
var showOnPage = '8';

$.getJSON('http://api.flickr.com/services/rest/?format=json&method='+
'flickr.photos.search&api_key=' + apiKey + '&user_id=' + userId +
'&tags=' + tag + '&per_page=' + perPage + '&jsoncallback=?',
function(data){
var classShown = 'class="lightbox"';
var classHidden = 'class="lightbox hidden"';

$.each(data.photos.photo, function(i, rPhoto){
var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/'
+ rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret;

var thumbPhotoURL = basePhotoURL + '_s.jpg';
var mediumPhotoURL = basePhotoURL + '.jpg';

var photoStringStart = '<a ';
var photoStringEnd = 'title="' + rPhoto.title + '" href="'+
mediumPhotoURL +'"><img src="' + thumbPhotoURL + '" alt="' +
rPhoto.title + '"/></a>;'
var photoString = (i < showOnPage) ?
photoStringStart + classShown + photoStringEnd :
photoStringStart + classHidden + photoStringEnd;

$(photoString).appendTo("#flickr");
});
$("a.lightbox").lightBox();
});

});

有人遇到过这个问题吗?

干杯

最佳答案

溢出:隐藏难道不能解决问题吗?

如:

img {
width: 100px;
height: 100px;
overflow: hidden;
}

关于jquery - 设置从 JQUERY/FLICKR API 提取的缩略图图像的自定义大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5895006/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com