根據用戶需求調整封面圖片 - 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) {
//####
}
});
});