作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在向网站添加图库,并且想从 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/
我是一名优秀的程序员,十分优秀!