我需要始终使用CSS将随机大小的图像裁剪为正方形160x160.裁剪后图像应保持居中.
我的标记应该是:
<a href="#" class="cropper">
<img src="image" alt="description" />
</a>
Run Code Online (Sandbox Code Playgroud)
搜索在计算器上我找到了一些答案(如本),但他们不为情况下,你的图像可以是更大的工作水平(宽)或垂直(高).
具体而言,我需要能够呈现一个都像这样宽的图像和类似这样的高图像在正方形的形式,没有预先知道哪一个是呈横长方形或垂直矩形.它还应该支持已经平方的图像.
我有一个带有背景图像的方框列表,它垂直滚动:
@keyframes movie {
0% { background-position: 50% 5%; }
50% { background-position: 50% 95%; }
0% { background-position: 50% 5%; }
}
.movie {
animation: movie 50s linear infinite;
}
Run Code Online (Sandbox Code Playgroud)
"问题"在于,通过这种方式,所有盒子都具有同时移动的背景.
我想要一个"随机起点",这样每个盒子都有不同的动画.
例如,一个背景向下移动而另一个背景向上移动.
纯CSS有可能吗?我用Javascript找不到简单的方法..
我正在尝试编辑此查询:
SELECT (WEEKDAY( date ) +1) dayofweek, COUNT( * ) count
FROM abanners
WHERE iid = ? AND banner LIKE ?
GROUP BY (WEEKDAY( date ) +1)
ORDER BY count DESC
Run Code Online (Sandbox Code Playgroud)
通过此查询,我得到按星期几划分的条目数,但是如果我也需要将同样的事物也除以该banner怎么办?
所以我想拥有:
banner1: entries splitted by day of week
banner2: entries splitted by day of week
ex: {"banner1" : "1,3,4,1,3,5,1", "banner2": "1,3,4,1,3,5,1"}
Run Code Online (Sandbox Code Playgroud)
我能怎么做?
我正在尝试使用jQuery解析表并填充数组,我已编写此代码来执行此操作:
var comments = new Array();
$("#mytable tr:nth-child(odd)").each( function( index ) {
comments[index]["url"] = $(this).find(".menu2 a").attr("href");
comments[index]["name"] = $(this).find(".menu2 a").text();
comments[index]["avatar"] = $(this).find(".menu2 a img").attr("src");
comments[index]["date"] = $(this).find("td[valign] b:first-child").text();
$(this).find("td[valign] b:first-child").remove();
comments[index]["report"] = $(this).find("td[valign] .pcomment_report").attr("data-refid");
$(this).find("td[valign] .pcomment_report").remove();
comments[index]["comment"] = $(this).find("td[valign]").html();
});
Run Code Online (Sandbox Code Playgroud)
但它让我回报:
TypeError:无法设置undefined的属性'url'
如何使此代码有效?