统一了头像和机构图的使用默认图片，并且根据父级大小变化

src/main/webapp/account-set.html

<link type="text/css" href="css/index.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<!-- <script type="text/javascript" src="js/form.js"></script> -->
<!-- <script type="text/javascript" src="js/index.js"></script> -->
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<!-- <script type="text/javascript" src="js/account-set.js"></script> -->
<script type="text/javascript" >
	$(function(){
		loginStatus();
		valUser();
		$("#hsearch").on("click",function (){
	   		var searchContent = $("#hsearchContent").val();
		<input type="text" placeholder="搜索专家、研究方向或科研机构" class="search-txt" id="hsearchContent">
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
	</div>
	<div class="head-portrait">
		<div class="personal-infor">
			<div class="triangleB"></div>
			<div class="personal-box">
				<!-- <a href="index.html"><span class="icon icon1"></span>我的主页</a> -->
				<a href="information.html"><span class="icon icon2"></span>修改资料</a>
				<a href="#"><span class="icon icon3"></span>账户设置</a>
				<a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
			</div>
		</div>
	</div>
	<!--未登录-->
    <a href="login-invite-code.html"><div class="unlogin">特邀专家登录</div></a>
    <!--已登录-->
    <div class="head-portrait">
        <div class="personal-infor">
            <div class="triangleB"></div>
            <div class="personal-box">
                <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
                <a href="information.html"><span class="icon icon2"></span>修改资料</a>
                <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
                <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
            </div>
        </div>
    </div>
</div>
<div id="container">
	<div class="account">

src/main/webapp/css/index.css

.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
.searchblock{ width:264px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
.search-txt{ width:229px; height:35px; background:#fff; border:none;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; behavior:url(../js/ie-css3.htc); float:left;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; color:#a3a3a3;}
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);}
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
.search-icon{ display:block; width:20px; height:20px; background:
url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
/*未登录*/
.unlogin{ width:130px; height:35px; border:1px #fff solid; border-radius:10px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; float:right; margin-right:80px; margin-top:10px; cursor:pointer; }
/*已登录*/
.head-portrait{ display:none; width:50px; height:50px; border-radius:50%; background:url(../images/pic1.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; float:right; margin-right:80px; margin-top:5px; cursor:pointer; }
.head-portrait{ display:none; width:50px; height:50px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; float:right; margin-right:80px; margin-top:5px; cursor:pointer; border:1px solid #f8f8f8; }
.personal-infor{width:202px; height:179px; position:absolute; top:42px; right:80px; display:none;}
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
.personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}
.about{ width:100%;min-height:100px; border-top:2px #e2e2e2 solid; padding:5px 0;}
.about-in{ width:920px; max-height:850px; height:auto; margin:auto; margin-top:10px;}
.item{ width:100%;overflow: hidden; border:1px #ffa544 solid;box-shadow:1px 1px 1px #ff8400 inset; border-radius:10px; margin-top:18px; }
/*.photo{ width:132px; height:132px; border-radius:50%; border:2px #fca72d solid; margin:20px; background:url(../images/pic1.jpg) no-repeat center center; float:left;}*/ 	
.photo1{width:132px;height:132px;border-radius:50%;border:1px #fca72d solid;margin:20px;float:left;background:url(../images/default-photo.jpg)  no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%;}
.synopsis{ float:left; padding:20px 0;color:#000; width:720px;}
.account-photo{ width:175px; height:175px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
.account-name{ height:50px; padding: 0 40px;}
.text-txt{font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#515151; float:left; margin-left:20px; }
.edit{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat; background-position:right; float:left; margin-top:14px; margin-left:15px;}
.edit{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat; background-position:right; float:left; margin-top:14px; margin-left:15px;cursor:pointer;}
.text a{font:14px/57px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#f5980b; padding-left:5px;}
.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}
.name-txt{ float:left;font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181;}
.phone-icon{display:block; width:44px; height:44px; background:url(../images/ep.png) no-repeat; background-position:right; float:left; margin-right:25px; margin-top:10px;}
.replace{ width:88px; height:35px; background:#ff8400; border-radius:5px; border:none;font:18px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; margin-left:10px; cursor:pointer;}
.replace3,.replace4{ display:none;}
.cover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; z-index:999; display:none;}
.cover2{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; z-index:999; display:none;}
.cover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; z-index:999; display:none;}
.cover2{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; z-index:999; display:none;}
.floatbox{ /*width:400px;*/ box-shadow:2px 5px 5px #999; border-radius:10px;background:#fff; position:absolute; left:50%;top:50%; margin-left:-210px; margin-top:-193px; overflow:hidden;}
.float-title{  height:70px; background:#eee;font:20px/70px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181; padding:0 20px;}
.times{ display:block; width:30px; height:30px; background:#ff8400; border-radius:3px;font:28px/28px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; font-weight:bold; float:right; margin-top:20px; cursor:pointer; }
.activate{ width:140px; height:38px; background:#fff;font:16px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; cursor:pointer; border:none; border-radius:5px; margin:auto; margin-top:30px;  }
.act{margin-left:40px;}
.act-color{background:#ff8400;color:#fff;}
.back-btn:hover{background:#ff8400;color:#fff;}
.back-btn:hover{background:#ff8400;color:#fff;cursor:pointer;}
.input-code{ width: 210px;margin-left: 10px;}
.infor-code{ width:130px; height:40px; background:#ff8400; border:none; border-radius:5px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; cursor:pointer; margin-left:5px;}
.information-head{ width:1050px; margin:auto;background:#fff; border:1px #c9c9c9 solid; margin-top:30px; overflow:hidden; padding:20px 50px;}
.head-left{ float:left;width:200px; height:200px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;/* margin-top:40px; margin-left:50px;*/ position:relative;overflow:hidden;}
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4); font:16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center;}
/*.take-photo{ display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;background:url(../images/take-photo.png) no-repeat center center; }*/
.head-center{ float:left; width:500px; min-height:150px; margin-top:20px; margin-left:60px;}
.input-txt{ width:175px; height:26px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
.infor{clear:both; width:100%; height:26px; margin-bottom:10px; }
.close{float: left;  width:130px; height:26px; border-radius:5px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin-top:15px; margin-left:5px;opacity: 1;  text-shadow:none; }
.close:hover{ background:#ff8400; color:#fff; opacity: 1; }
.head-right{ float:right; margin-top:30px; /*margin-right:50px;*/position: relative;background:url(../images/default-icon.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; width:140px; height:140px; overflow:hidden;}
#headImage,#orgImage{ width:100%; height:100%;border:0;}
/*专家信息内容*/
.information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
.content-left{ width:298px;min-height:394px; background:#fff; border:1px #c9c9c9 solid; float:left; overflow:hidden;}
}
.modifybox{ display:none;}
.infor-browse{ clear:both; margin-bottom:20px;}
.btn-marL{ margin-left:35px; }
.btn-marB{ margin-bottom:30px;}
.btn{ width:105px; padding:0;}
.btn-marL{ margin-left:35px;cursor:pointer; }
.btn-marB{ margin-bottom:30px;cursor:pointer;}
.btn{ width:105px; padding:0;cursor:pointer;}
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
.select-sele{ clear:both; width:100%; height:26px;}
.add{ float:left;}
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";  margin-left:10px; }
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";  margin-left:10px;cursor:pointer; }
.listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
.listbox-browse{ min-height:26px; position:relative;}
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
.like-people{ width:26px; height:26px; float:right; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
.like-people img{ width:100%;}
.like-people img{ width:100%; height:100%;}
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-left-color:#f0f1f3; float:right; margin-right:20px;margin-top:6px; cursor: pointer;}
.acad{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
.list{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}

src/main/webapp/css/login.css

.code-pic{ width:140px; height:44px; float:left;border:1px #ddd solid; margin-left:9px; margin-top:26px;border-radius:10px; box-shadow:0px 1px 1px #d6d6d6;}
.note{font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
.login{clear:both; margin-top:36px; background:#ff8500; color:#fff;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none;}
.login{clear:both; margin-top:36px; background:#ff8500; color:#fff;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; cursor:pointer;}
.forget{ display:block; height:44px;font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff8500;}
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-30px; z-index:999; display:none;}

src/main/webapp/information.html

							$("#titleS").text($info.title);
							$("#orgNameS").text($info.orgName);
							$("#headImage").attr("src",servPath+"/images/head/"+userid+"_l.jpg");
							// $("#orgImage").attr("src","/images/org/"+$info.orgId+".jpg");
							$("#orgImage").attr("src",servPath+"/images/org/"+$info.orgId+".jpg");
							$("#descpS").text($info.descp);
							//显示专家信息到保存数据
							$("#name").val($info.name);
<div id="container">
	<div class="content">
		<div class="information-head">
			<div class="head-left"><img id="headImage" src=""><a href="photo-set.html" class="replace-photo"></a></div>	
			<div class="head-left"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></div>	
			<div class="head-center">
				<div class="infor-browse">
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a><a class="edit" ></a>

src/main/webapp/photo-set.html

                            <div class="preview-container">
                                <p>头像预览</p>
                                <div class="pre-1">
                                    <img  src="images/banner01.jpg" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
                                    <img  src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
                                </div>
                                <p>200px*200px</p>
                                <div class="pre-2">
                                    <img src="images/banner01.jpg" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
                                    <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
                                </div>
                                <p>50px*50px</p>
                                <div class="pre-3">
                                    <img src="images/banner01.jpg" class="jcrop-preview jcrop_preview_s" alt="" id="smallImage"/>
                                    <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="smallImage"/>
                                </div>
                                <p>26px*26px</p>
                            </div>
				
			 </div>
<script type="text/javascript" src="js/jQuery.js"> </script>
<script type="text/javascript" src="js/jquery.HeadP.js"> </script>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </script>
<script type="text/javascript" src="js/basic.js"> </script>
	<script src="/js/ajaxfileupload.js"></script>