宝宝总动员

http://q.163.com

正在加载相片...

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 相关法律 - 互动营销 - 用户反馈-

<div id="albumMainTitle_${circleAlbum.id}" class="albumtitle">
   	  <div class="autoTrim" style="width:665px;">${circleAlbum.albumName|default:""|escape}</div>
    </div>
    <div class="albumsubtitle">
    	<span>${NetEase.DateTime.formatDate(circleAlbum.applyDate,"yyyy年MM月dd日 HH:mm",true)}</span>
    	<span>作者：
    		<a class="secLink" href="${SpaceInfo.getSpaceLink(circleAlbum.profileName)}" target="_blank">${circleAlbum.profileNickName|escape}</a>
    	</span>
    </div>
    <div id="listStyleSwich" style="width:665px;margin: -18px auto 0px;">
    	<span class="curTwoCol"> </span>
    	<span class="notOneCol" onclick="AlbumPage.switchListStyle(1)"> </span>
    	<span class="notTwoCol" onclick="AlbumPage.switchListStyle(2)"> </span>
    	<span class="curOneCol"> </span>
    </div>
    <div id="albumContent_${circleAlbum.id}" style="width:665px;margin:0px auto;">
	    <div id="albumDescription_${circleAlbum.id}" class="albumDescription firText">
	      ${circleAlbum.albumDescription|default:""}
	    </div>
	    
	    <div><span class="hintText">分享：</span>
	    	<span style="cursor:pointer;" onclick="AlbumPage.copyAddress();">   复制此相册地址</span>
	    	<span id="cpSuccessHint" style="display:none;"><img src="/style/common/icn_accept.gif" /> 成功复制到剪贴板</span>
	    	<span id="curAlbumURL">${circleBaseUrl}${circleAlbum.getCircleAlbumPermalink()}</span>
	    </div>
	    <div id="albumPhotos">
	    	<div id="photoPageNavTop" class="dataPageNav"></div>
			<div id="photoCountTop" style="display:none;"></div>
			<div style="margin:auto;padding:20px 0px;" id="photoList">
				{if albumVisible}
					正在加载...
				{else}
					该相册设置了圈友可见权限,请加入圈子后浏览
				{/if}
			</div>
			<div id="photoCountBottom" style="display:none;"></div>
			<div id="photoPageNavBottom" class="dataPageNav"></div>
	    </div>
	</div>
	{if albumVisible}
    <div id="albumToolsDiv" class="albumtools secBorder">
    	{if commentOpen}
	    	<span id="commentsLink" class="secBorder selecttedtab" onclick="AlbumPage.showOrHideComments();">
    	{else}
    		<span id="commentsLink" class="secBorder" onclick="AlbumPage.showOrHideComments();">
    	{/if}
	    	<a class="secLink" href="#" onclick="return false;">
	    		评论(<nobr id="comCount_${circleAlbum.id}">${circleAlbum.commentCount}</nobr>)
	    	</a>
    	</span>
    	<span id="spaceAlbumLink" class="secBorder">
    		{if circleAlbum.newAlbumId != 0}
    			<a id="gotoBlogAlbum" class="secLink" href="http://${circleAlbum.profileName}.blog.163.com/album?albumId=${circleAlbum.newAlbumId|escape}" target="_blank">查看原相册</a>
    		{else}
	    		<a id="gotoBlogAlbum" class="secLink" href="http://${circleAlbum.profileName}.blog.163.com/album?albumId=${circleAlbum.albumId|escape}" target="_blank">查看原相册</a>
	    	{/if}
	    	
    	</span>
    	{if CircleInfo.isEdit()}
    	<span id="albumAdminSpan" class="secLink secBorder" style="background: url(/style/common/icn_moret.gif) no-repeat 80% center;">
	    	<a class="secLink" href="#" onclick="AlbumPage.showAlbumAdminMenu(${circleAlbum.id}, ${circleAlbum.top}, 'albumAdminSpan');return false;">[管理相册    ]</a>
    	</span>
    	{/if}
    </div>
  	<div id="com_${circleAlbum.id}" class="albumextend" {if !commentOpen}style="display:none;"{/if} >
  		<div id="comShow_${circleAlbum.id}"></div>
  		<div id="comPub_${circleAlbum.id}"></div>
  	</div>
  	{/if}

{if photos.length == 0}
		<div>您没有权限查看此相册</div>
	{else}
		{for photo in photos}
		{if curListStyle == 1}
			<div style="float:left;" class="hoverable">
		{else}
			<div style="float:left; height:350px;" class="hoverable">
		{/if}
				<div class="photoItem secBorder">
					
					{if curListStyle == 1}
						<div style="text-align: center; width: 600px; mini-height: 1%; _height: 1%;">
							
							<a id="plAnkorWrapper_${photo.id}" href="http://${circleAlbum.profileName}.blog.163.com/prevPhoto.do?photoId=${photo.id}&albumId=${circleAlbum.id}" target="_blank" >
							<img id="plImageWrapper_${photo.id}" src="${photo.mediumUrl}" onerror="this.src='/style/common/album_face.gif'" /></a>
						</div>
						<div style="font-size:14px;" class="firText">${photo.description|default:""|escape}</div>
					{else}
						<div style="text-align: left; height: 240px; width: 240px;">
							{if CircleInfo.isEdit()}
								<a id="plAnkorWrapper_${photo.id}" href="http://${circleAlbum.profileName}.blog.163.com/prevPhoto.do?photoId=${photo.id}&albumId=${circleAlbum.id}" target="_blank">
							{else}
								<a id="plAnkorWrapper_${photo.id}" href="http://${circleAlbum.profileName}.blog.163.com/prevPhoto.do?photoId=${photo.id}&albumId=${circleAlbum.id}" target="_blank">
							{/if}
							<img id="plImageWrapper_${photo.id}" src="${photo.smallUrl}" onerror="this.src='/style/common/album_face.gif'" /></a>
						</div>
					{/if}
					<div class="hoverVisible" style="padding-top: 5px;">
						<span class="secLink" id="plCommWrapper_${photo.id}" >评论(${photo.commentCount})</span>
						<span class="secText" id="plViewWrapper_${photo.id}" >  |  浏览(${photo.accessCount})</span>
					</div>
				</div>
			</div>
		{/for}
	{/if}
	<div style="clear:both;" />

<div style="width:80%;margin:auto;padding:10px 0px;">
  	<div>
  		<div style="float:left;width:49%;">
  			<a href="${SpaceInfo.getSpaceLink(profile.name)}" target="_blank" title="${openUserTips}"><img src='${formatMemberImageUrl(profile.imageShowUrl)}' width="75" height="75" class="imgwithborder"></a>
  		</div>
  		<div style="float:right;width:50%;">
  			<div class="autoTrim" style="width:90%;font-weight:bold;margin:5px auto;">
				<a class="secLink" href="${SpaceInfo.getSpaceLink(profile.name)}" target="_blank" title="${openUserTips}">
					${profile.nickname|default:" "|escape}
				</a>
			</div>
			<div style="margin:5px auto;padding-left: 30px;background-repeat:no-repeat;background-position: left center;
				   	{if profile.gender!==null}
		    			{if profile.gender=='F'}
			    			background-image:url(/style/common/mm.gif)
			    		{else if profile.gender=='M'}
			    			background-image:url(/style/common/gg.gif)
			    		{/if}
			    	{/if}
			" class="firText">
					{if profile.age ==-1||profile.age==null}
		    		{else}
		    		${profile.age|default:" "}岁
		    		{/if}
			</div>
			<div class="firText">
				{if profile.occupation>0 && profile.occupation<occupationArray.length} ${occupationArray[profile.occupation][1]|default:" "} {/if}
			</div>
		</div>
	  	<div style="clear:both;margin-top:5px;width:100%;overflow:hidden;word-break:break-all;">
			${profile.aboutMe|default:" "|escape}
		</div>
	</div>
  </div>

{for circleAlbum in circleAlbums}
		<div style="float:left;width:180px;margin:10px 0px;" class="hoverable">
			<div style="padding: 5px 5px 5px 20px;" class="circleAlbumDiv firBorder">
				<div style="background: url(/style/common/phset_bg.gif) no-repeat left top; float: left; width: 95px; height: 95px;">
					{if !isMember && circleAlbum.role == CircleConst.CIRCLE_ALBUM_MEMBER}
						<img width="75" src="/style/common/album_face.gif" style="padding: 8px;" />
					{else}
						<img id="calCoverWrapper_${loadType}_${circleAlbum.id}" onerror="this.src='/style/common/album_face.gif'" width="75" src="${circleAlbum.getAlbumCoverUrl()}" style="padding: 8px;cursor:pointer;" onclick="AlbumPage.changeAlbum(${circleAlbum.id}, '${loadType}');"/>
					{/if}
				</div>
				<div style="float: right; width: 55px;">
					{if circleAlbum.role == CircleConst.CIRCLE_ALBUM_MEMBER}
						<div style="line-height:20px;background: url(/style/common/icon_a_bit_private_new.gif) no-repeat left center; text-align: left;">
					{else}
						<div style="line-height:20px; text-align: left;">
					{/if}
						 
					</div>
					<div class="hoverVisible secText" title="评论数" style="line-height:20px;background: url(/style/common/icn_comments.gif) no-repeat 4% 50%;padding:0px 15px;text-align: center;">${circleAlbum.commentCount}</div>
					<div class="hoverVisible" style="padding-top: 35px;line-height:20px;">
						{if CircleInfo.isEdit()}
						<span title="相册管理" id="albumAdminSpan${circleAlbum.id}_${loadType}" style="padding:0px 9px 0px 5px; background: url(/style/common/icn_editalbum.gif) no-repeat center center;cursor: pointer;"
								 onclick="AlbumPage.showAlbumAdminMenu(${circleAlbum.id}, ${circleAlbum.top}, 'albumAdminSpan${circleAlbum.id}_${loadType}')"> </span>
						{/if}
					</div>
				</div>
				<div style="clear: both;"></div>
				<div class="firLink" style="line-height:25px;">
					{if !isMember && circleAlbum.role == CircleConst.CIRCLE_ALBUM_MEMBER}
						<div id="calNameWrapper_${loadType}_${circleAlbum.id}" class="autoTrim albumNameMaxWidth" title="${circleAlbum.albumName|escape}" style="float:left;" >
								${circleAlbum.albumName|escape}</div>
					{else}
						<div id="calNameWrapper_${loadType}_${circleAlbum.id}" class="autoTrim needUnderline albumNameMaxWidth" title="${circleAlbum.albumName|escape}" style="float:left;" 
								onclick="AlbumPage.changeAlbum(${circleAlbum.id}, '${loadType}');">${circleAlbum.albumName|escape}</div>
					{/if}
					<div id="calCountWrapper_${loadType}_${circleAlbum.id}" style="float:left;">(${circleAlbum.albumPhotoCount})</div>
					<div style="clear:both;"></div>
				</div>
				<div class="hoverVisible secLink" style="line-height:18px;vertical-align:top;">
					<div class="autoTrim needUnderline" style="float:left;width:60px;padding:0px 5px 0px 0px;" onclick="window.open('${circleAlbum.getColumnPermalink()}')"
							 title="${circleAlbum.getAlbumColumnName(circleAlbum.albumColumnId)|escape}">
						${circleAlbum.getAlbumColumnName(circleAlbum.albumColumnId)|escape}
					</div>
					<div class="autoTrim secBorder" style="width:65px;border-left-style:solid;border-left-width:1px;padding-left:10px;">
						<a href="${SpaceInfo.getSpaceLink(circleAlbum.profileName)}" target="_blank" title="${openUserTips}">${circleAlbum.profileNickName|escape}</a>
					</div>
					<div style="clear:both;"></div>
				</div>
			</div>
		</div>
	{/for}
	<div style="clear:both;" />