根据用户意愿调整封面图片-CSS

Question

我必须设置宽度为1025px，高度为392px的封面图片。首先我设置这样并获得拉伸结果，然后我更改div中的图像并添加此属性（背景大小：封面）。这给出了良好的结果。但我希望它像Facebook封面照片，因为我们可以根据我们的愿望调整和修复我们的封面照片。这是我的代码......

CSS

 .container{
 background-size: cover;
 background-image: url(images/uploadcover/$cimg);
 background-repeat:no-repeat;
 width:auto;
 height:392px;
 }

HTML

 <div class="container"></div>

如果有任何想法建议我。

Answer 1

这就是小提琴$(function(){
$(".headerima ge").css('cursor','s-resize');
var y1 = $('.picturecontainer').height();
var y2 = $('.headerimage').height();
$(".headerimage").draggable({
scroll: false,
axis: "y",
drag: function(event, ui) {
if(ui.position.top >= 0)
{
ui.position.top = 0;
}
else if(ui.position.top <= y1 - y2)
{
ui.position.top = y1 - y2;
}
},
stop: function(event, ui) {
//####
}
});
});