难忘军营

难忘军营

http://q.163.com

HairMixer：发型变变变

2008年02月04日 20:08:42 作者：令冲冲

HairMixer，很有意思的一个web2.0工具，有些恶搞的味道，可以随意将两张相片中人物的发型进行更换。

网址：http://www.hairmixer.com/

HairMixer 看它的英文名也能猜出几分意思，头发混合嘛！说得再明白些，就是你可以将照片中一个人的发型换成一一个人的发型。在美发美容之前，看看自己的脸型适合哪一类的发型，HairMixer 倒是很好的选择。

使用方法：网站界面如上图，分为左右两侧，各能选择一张相片，有三种方法选择：

1、网站预设了许多名人的照片，发型绝对时尚！点击“choose a celebrity photo”任意选择一张；

2、上传本地照片：“upload you own photo”

3、搜索。

下面以上传本地照片为例，选择了成龙与小贝的两张照片，进行发型置换。

分别在左右两侧进行上传，上传后经可能将方框选中脸部轮廓。

开始置换：

：将左侧脸部套用右侧发型（成龙的脸，小贝的发型，效果如下：）

：将右侧脸部套用左侧发型（小贝的脸，成龙的发型，效果如下：）

玩玩，以博一笑！

if you’re looking for a new ‘do, visit HairMixer. It's a quick and easy way to try out a new style - without any risk. You can upload two photos. The first would contain your face. The other would contain the hairstyle you want to try.

评论(3) 引用(1) 查看原文(341)

固定链接

http://ybcz0519.blog.163.com/blog/static/9887222008148842298

正在加载博主信息...

正在加载博主日志...

圈内相关日志

正在加载分类相关日志...

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

网易公司版权所有 ©1997-2008

<div id="blog_${blog.id}">
	    <div id="blogMainTitle_${blog.id}" class="blogtitle" onclick="showHideContent('blogContent_${blog.id}', 'blogMainTitle_${blog.id}','${style}');" style="background:url(${style}/ico_up.gif) no-repeat 98% 50%" title="折叠/展开日志正文">
	   	  <div class="autoTrim" style="width:90%;">${blog.title|default:""|escape}</div>
	    </div>
	    <div class="blogsubtitle">
	    	<span>${NetEase.DateTime.formatDate(blog.publishTime,"yyyy年MM月dd日 HH:mm",true)}</span>
	    	<span>作者：
	    		<a class="secLink" href="${SpaceInfo.getSpaceLink(blog.userName)}" target="_blank">${blog.userNickname|escape}</a>
	    	</span>
	    </div>
	    <div id="blogContent_${blog.id}" style="width:740px;margin:0px auto;">
    	    <div id="blogtext_${blog.id}" class="blogtext">
		      ${blog.content|default:""}
		    </div>
		</div>
		<div style="margin:10px 20px;padding:0 20px;text-align:right;"><a class="secLink" href="#">[返回顶部]</a></div>
	    <div id="blogToolsDiv" class="blogtools secBorder">
	    	<span id="commentsLink" class="secText secBorder selecttedtab">
		    	<a class="secLink" href="#" onclick="BlogTools.openComments('${blog.id}', ${blog.commentCount}, ${blog.allowComment}, '${blog.permalink}');return false;">
		    		评论(<nobr id="comCount_${blog.id}">${blog.commentCount}</nobr>)
		    	</a>
	    	</span>
	    	<span id="trackbackLink" class="secText secBorder">
		    	<a class="secLink" href="#" onclick="BlogTools.openTrackbacks('${blog.id}', '${blog.trackbackUrl}');return false;">引用(<nobr id="refCount_${blog.id}">${blog.trackbackCount}</nobr>)</a>
	    	</span>
	    	<span id="spaceBlogLink" class="secText secBorder">
		    	<a class="secLink" href="#" onclick="window.open(SpaceInfo.getSpaceBlogLink('${blog.userName}','${blog.permalink}'));return false;">查看原文(<nobr id="accessCount_${blog.id}">${blog.accessCount}</nobr>)</a>
	    	</span> 
	    	{if isAdmin && CircleInfo.isEdit()}
	    	<span id="blogAdminLink" class="secText secBorder">
		    	<a class="secLink" href="#" onclick="BlogAdmin.showDialog();">[管理]</a>
	    	</span> 
	    	{/if}
			<input id="openPerma_${blog.id}" type="hidden" value="0"/>
	    	<input id="openCom_${blog.id}" type="hidden" value="1"/>
	    	<input id="openTrack_${blog.id}" type="hidden" value="2"/>
	    </div>
	    <div id="perma_${blog.id}" class="blogextend" style="display:none;">
      		<div class="blogextendtitle">
        		<div class="blogextendtitleright"><a id="aClosePerma${blog.id}" href="" onclick="BlogTools.closePermalink('${blog.id}');return false;"><img src="/style/common/icn_close.gif" title="关闭"/></a></div>固定链接
        	</div>
        	<div class="blogpermalink">
        		<a id="aPerma${blog.id}" href="${SpaceInfo.getSpaceBlogLink(blog.userName, blog.permalink)}" target="_blank">${SpaceInfo.getSpaceBlogLink(blog.userName, blog.permalink)}</a>
        		  
        	</div>
	  	</div>
	  	<div id="com_${blog.id}" class="blogextend">
	  		<div id="comShow_${blog.id}"></div>
	  		<div id="comPub_${blog.id}"></div>
	  	</div>
	  	<div id="track_${blog.id}" class="blogextend" style="display:none;"> 
	  	</div>
   </div>

<div class="blogextendtitle">
		<div class="blogextendtitleright"><a id="aCloseTb${blogId}" href="" onclick="BlogTools.openTrackbacks('${blog.id}', '${blog.trackbackUrl}');return false;">
			<img src="/style/common/icn_close.gif" title="关闭"/></a>
		</div>
	</div>
	<div class="blogtrackback">
		<div style="display:inline;">本文引用地址：</div>
		<div id="copyFinished_${blogId}" style="display:none;">  <img src="${style}/icon_ok_new.gif"/>复制引用链接成功</div>
		<div>
			<a id="tb_${blogId}" ><font color="#A2B3C4">${SpaceInfo.getSpaceLink(blog.userName)}/${tbUrl}</font></a>     
			<input id="imgCopyPerma${blogId}" class="button_input input_button" type="button" value=" 复 制 " title="复制引用链接" onclick="clickTBUrl('tb_${blogId}', 'copyFinished_${blogId}')" />  
			<input id="imgRefer${blogId}" class="button_input input_button" type="button" value=" 引 用 " title="引用这篇日志" 
				{if visitorName!=null && visitorName != ""}onclick="window.open('${SpaceInfo.getSpaceLink(visitorName)}/blog/getBlog.do?bid=${blogId}&r=1&host=${visitorName}&uid=${blog.userId}');"
				{else}onclick="showLoginDlg('');return false;" 
				{/if}/>
		</div>
		{if tbs == null || tbs.length == 0}
			
	    {else}
	    	引用此项的网络日志
			<ul class="blogtbul">
			{for tb in tbs}
		      <li class="secLink"><em>•</em><a href="${tb.referBlogUrl}" target="_blank">${tb.referBlogTitle|default:""|escape}</a> (引用人：<a href="${tb.referHomePage|default:""|escape}" target="_blank">${tb.referBloggerName|default:""|escape}</a>)</li>
		    {/for}
		    </ul>	
	    {/if}
	    </p>
	</div>

<div style="width:100%;">
  	<div>
  		<div style="float:left;width:45%;">
  			<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:100%;font-weight:bold;margin-bottom:10px;">
				<a class="secLink" href="${SpaceInfo.getSpaceLink(profile.name)}" target="_blank" title="${openUserTips}">
					${profile.nickname|default:" "|escape}
				</a>
			</div>
			<div style="marign-bottom:10px;">
				<div style="float:left;width:30%;">
				   		{if profile.gender!==null}
		    			{if profile.gender=='F'}
			    			<img src="/style/common/mm.gif" />
			    		{else if profile.gender=='M'}
			    			<img src="/style/common/gg.gif" />
			    		{/if}
			    	{/if}
				</div>
				<div style="float:left;width:65%;">
					{if profile.age ==-1||profile.age==null}
		    		{else}
		    		${profile.age|default:" "}岁
		    		{/if}
				</div>
			</div>
			<div style="clear:both;">
				{if profile.occupation>0 && profile.occupation<occupationArray.length} ${occupationArray[profile.occupation][1]|default:" "} {/if}
			</div>
		</div>
	</div>
  	<div style="clear:both;margin-top:5px;width:100%;overflow:hidden;word-break:break-all;">
		${profile.aboutMe|default:" "|escape}
	</div>
  </div>

<div class="pagebodyblockbody userdefineclass">
		<div class="subnavitem firLink" style="background-image:url(${style}/icn_file_all.gif);">
			<div {if loadType=='all'} class="selectItem"{/if}>
				<a href="#" onclick="BlogColumnLoader.switchColumn(-1)">所有日志(${circle.blogNum})</a>
			</div>
		</div>
		<div class="subnavitem firLink" style="background-image:url(/style/common/icn_sort.gif);">
			分类
		</div>
		<div style="margin-left:30px" class="subbody">
			<ul>
				{for circleColumn in circleColumns}
					<li class="secLink{if circleColumn.id==curColumn.id && loadType=='column'} selectItem{/if}"  style="cursor:pointer;margin-top:3px">
						<em>•</em><a href="#" onclick="BlogColumnLoader.switchColumn(${circleColumn.id})">${circleColumn.name}(${circleColumn.blogCount})</a>
					</li>
				{/for}	
				<hr style="width:100px;margin-left:0px;"/>
				<li class="secLink{if loadType=='author'} selectItem{/if}"  style="cursor:pointer;margin-top:3px">
					<em>•</em><a href="#" onclick="BlogColumnLoader.switchToAuthor(${curBlog.userId})">${curBlog.userNickname|escape}的文集</a>
				</li>
			</ul>
		</div>
		<div style="clear:both;"><br/></div>
	</div>