Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Facebook如何编辑个人资料图片缩略图?_Jquery_Facebook_Thumbnails_Edit - Fatal编程技术网

Jquery Facebook如何编辑个人资料图片缩略图?

Jquery Facebook如何编辑个人资料图片缩略图?,jquery,facebook,thumbnails,edit,Jquery,Facebook,Thumbnails,Edit,我正在开发一个迷你图库,需要像facebook那样编辑缩略图。使用Jquery可以吗? 拖动带有特定容器的区域并获取顶部和左侧坐标,我只想获取坐标 请告诉我一些想法,谢谢您尝试过吗?使用jQuery可拖动UI: 基本上在可拖动元素上使用包含,该元素通过溢出动态计算和隐藏 简言之: HTML <div class="body"> <div class="thumbnail"> <div class="containment">

我正在开发一个迷你图库,需要像facebook那样编辑缩略图。使用Jquery可以吗? 拖动带有特定容器的区域并获取顶部和左侧坐标,我只想获取坐标


请告诉我一些想法,谢谢

您尝试过吗?

使用jQuery可拖动UI:

基本上在可拖动元素上使用包含,该元素通过溢出动态计算和隐藏

简言之:

HTML

<div class="body">
    <div class="thumbnail">
        <div class="containment">
            <div class="image"><img src="http://lorempixel.com/200/260/fashion" /></div>
        </div>
    </div>
</div>​
CSS

.containment { position: relative; }
.thumbnail {
    width: 160px;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.thumbnail .image { position: relative; }
.thumbnail img { max-width: 160px; }​

简短的回答,是的,这是可能的。您可能希望为此类问题提供示例代码——人们会更愿意为您提供所需的帮助。
.containment { position: relative; }
.thumbnail {
    width: 160px;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.thumbnail .image { position: relative; }
.thumbnail img { max-width: 160px; }​