[스크랩] 여러사진

이야기테크/블로그이야기

[스크랩] 여러사진

명호경영컨설턴트 2008. 8. 25. 23:06

트랜지션(장면전환효과) 포토앨범 만들기 1.1

여러개의 작은 사진중에서 보고 싶은 사진위에 마우스를 올리면
선택된 사진이 보기창에 크게 보이는 앨범을 만들어 봅니다.

만들어 볼 앨범샘플입니다.

저어새(강화 2005.6)

만드는 방법--

제공:: - SallyDica -

트랜지션(페이드효과) 포토앨범 만들기 순서      ==창닫기::클릭==

1. 포스트에 "사진올리기"로 사진을 4~5장정도 미리 올려줍니다.
   사진들은 폭 400px,높이 300px 정도, 용량은 100kb 보다 작게 만드세요.
   포스트의 제목은 "귀여운 새들"로 지었다고 가정합니다.

2. "귀여운 새들" 포스트에서 사진들의 주소(속성)를 읽어 오세요.
   사진에 마우스오른쪽을 클릭,속성보기하면 사진주소가 나옵니다.
   예) http://blogfiles.naver.net/data11/10/292/5-1904.jpg

3. 사진마다 주소가 다르므로 하나씩 읽어 이 마법사의 아래에 있는
   "사진주소넣기"에 차례대로 사진주소들을 넣어줍니다.
   사진은 5개가 표준이며 모두 10개까지 넣을 수 있습니다.

4. 이 마법사의 "소스만들기" 버튼을 눌러 소스가 만들어지면
   소스를 복사하여 "태그연습장"에 넣고 "결과보기"하세요.

5. 태그연습장에 만들어진 결과를 복사하여 "귀여운 새들" 포스트에
   붙여 넣습니다. "귀여운 새들"에 이미 올려져 있던 사진들은 안보이도록
   사진을 하나씩 클릭하여 선택한 후 Delete 키로 지워줍니다.
   그러나 첨부된 파일에서 삭제하면 사진이 정말 없어지므로 주의하세요.

사진주소넣기-사용할 갯수만큼 체크한 후 사진의 제목(설명)과 주소를 넣으세요

01:	제목
	주소
02:	제목
	주소
03:	제목
	주소
04:	제목
	주소
05:	제목
	주소
06:	제목
	주소
07:	제목
	주소
08:	제목
	주소
09:	제목
	주소
10:	제목
	주소

앨범 모양(색상) 바꾸기-결과색을 만든 후 "사용하기" 버튼을 누르세요.

색농도선택:: 빨강,초록,파랑 0~100 사이를 클릭

혼합,결과색

혼합,결과색을 앨범 밑배경색에 사용합니까?		현재색
혼합,결과색을 앨범 테두리색에 사용합니까?		현재색

※앨범크기?-사진사이즈에 따라 자동조정되므로 입력사항이 없습니다.

사진 넘김효과 고르기-사진이 바뀌는 모양을 바꾸어 보세요.

	페이드 효과
	문열림 효과
	스트래치 효과
	픽셀레이트 효과
	별모양-아이리스 효과
	원모양-아이리스 효과
	치우기-스라이드 효과
	밀기-스라이드 효과
	바꾸기-스라이드 효과
	랜덤-디졸브 효과

샐리의 디카여행 http://blog.naver.com/sallynice

만들어진 아래 소스를

에 복사해 넣으세요.

</td></tr></table>
      
	</td>
	</tr>
	<tr>
	<td colspan="2" style="padding: 0 10px 0 10px">
	<span style="display:block;float:left;">
		<span id="Com0"><u ID='O'><b ID='O'>덧글쓰기</b></u></span>
	</a>
	</span>
	<span style="display:block;float:right;">
				<img src='http://blogimgs.naver.com/imgs/btn_addmypaper.gif' align='absmiddle' style=margin-bottom:1>
					<a href="javascript:ui_scrap3('0');">
				게시글 담기</a>
	</span>
	</td>
	</tr>
	<tr><td colspan="2" height="10"></td></tr>
  <tr>
  	<td colspan=2 align=center>
		
	    <iframe name="CommentFrm" id="CommentFrm" src="/memoCommentList.nhn?blogId=barama91&categoryNo=1&logNo=74" width=100% height=150 frameborder=0 scrolling=no></iframe>
		
  	</td>
  </tr>
	</table>
</td>
</tr>
</table>
<table width="100%"  border="0" cellspacing="0">
<tr>
<td colspan="2">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style='padding:5px 5px 10px 5px' align=left>
      <img src="http://blogimgs.naver.com/nblog/00btn_aup_2.gif" width="18" height="18" onclick="goPrevNext(null,null);" class="hand" alt="윗글" />
      <img src="http://blogimgs.naver.com/nblog/00btn_adn_2.gif" width="18" height="18" onclick="goPrevNext(73,1);" class="hand" alt="아랫글" />
    </td>
    <td style='padding:5 5 10 5' align=right>
		<img src="http://blogimgs.naver.com/nblog/00btn_memo_write_2.gif" width="69" height="25" onclick="goWrite();" class="hand vm" alt="글쓰기" />
		<img src="http://blogimgs.naver.com/nblog/00btn_add_2.gif" width="47" height="23" onclick="goReplyWrite();" class="hand vm" alt="답글" />
		<img src="http://blogimgs.naver.com/nblog/00btn_correct_2.gif" width="39" height="23" onclick="goEdit();" class="hand vm" alt="수정" />
		<img src="http://blogimgs.naver.com//nblog/00btn_delete01_2.gif" width="39" height="23" onclick="goDelete();" class="hand vm" alt="삭제" />
      <img src="http://blogimgs.naver.com/nblog/00btn_list_2.gif" width="40" height="23" alt="목록" onclick="goList();" class="hand vm" alt="목록" />
    </td>
  </tr>
</table>
</td>
</tr>
</table>

</div>
</form>
<form name="scrapFrm" method="post" style="display:none" action="http://blog.naver.com/post/scrap/scrapPop.jsp">
<input type='hidden' name='blogId' value='barama91'>
<input type='hidden' name='source_type' value='19'>
<input type='hidden' name='source_type_real' value='1'>
<input type='hidden' name='source_form' value='1'>
<input type='hidden' name='valid' value='0'>
<input type='hidden' name='logNo' value='74'>
<input type='hidden' name='source_categoryno' value='0'>
<input type='hidden' name='source_no' value='100014941208'>
<input type='hidden' name='source_blogId' value='sallynice'>
<input type='hidden' name='source_nickname' value='샐리'>
<input type='hidden' name='source_paperno' value='265752'>
<input type='hidden' name='source_openYn' value='2'>
<input type='hidden' name='source_sumyn' value="">
<input type='hidden' name='source_sumtext' value="">
<input type="hidden" name="source_url" value="sallynice">
<textarea name='attach' style='display:none;'>/data11/2005/7/11/193/sw-doc-sallynice.gif@nhn@1002@nhn@1@nhn@48@nhn@19<nhn>/data11/2005/7/11/92/sw-edit-sallynice.gif@nhn@1022@nhn@1@nhn@59@nhn@19<nhn>/data11/2005/7/11/53/sw-src-sallynice.gif@nhn@1010@nhn@1@nhn@59@nhn@19<nhn>/data11/2005/7/11/196/sw-xmp-sallynice.gif@nhn@1001@nhn@1@nhn@48@nhn@19<nhn>/data12/2005/7/11/182/img_1-sallynice.jpg@nhn@17990@nhn@1@nhn@400@nhn@300<nhn>/data12/2005/7/11/209/img_2-sallynice.jpg@nhn@18723@nhn@1@nhn@400@nhn@300<nhn>/data12/2005/7/11/129/img_3-sallynice.jpg@nhn@19023@nhn@1@nhn@400@nhn@300<nhn>/data11/2005/7/11/140/img_4-sallynice.jpg@nhn@19322@nhn@1@nhn@400@nhn@300<nhn>/data11/2005/7/11/214/img_5-sallynice.jpg@nhn@36205@nhn@1@nhn@400@nhn@300<nhn>/data12/2005/7/15/146/01-sallynice.jpg@nhn@33473@nhn@1@nhn@270@nhn@225<nhn>/data11/2005/7/15/43/02-sallynice.jpg@nhn@19280@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/70/03-sallynice.jpg@nhn@24611@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/255/04-sallynice.jpg@nhn@14760@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/75/05-sallynice.jpg@nhn@23433@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/95/06-sallynice.jpg@nhn@25433@nhn@1@nhn@270@nhn@225<nhn>/data11/2005/7/15/24/07-sallynice.jpg@nhn@10955@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/248/09-sallynice.jpg@nhn@14902@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/14/08-sallynice.jpg@nhn@47178@nhn@1@nhn@270@nhn@225<nhn>/data11/2005/7/15/248/10-sallynice.jpg@nhn@32907@nhn@1@nhn@270@nhn@225<nhn>/data12/2005/7/15/224/cpb-sallynice.gif@nhn@2814@nhn@1@nhn@256@nhn@19<nhn>/data12/2005/7/15/139/cpg-sallynice.gif@nhn@2808@nhn@1@nhn@256@nhn@19<nhn>/data12/2005/7/15/164/cpr-sallynice.gif@nhn@2828@nhn@1@nhn@256@nhn@19<nhn>

<BR><SPAN style="FONT-SIZE: 12pt; MARGIN: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffcc99"><B>  트랜지션(장면전환효과) 포토앨범 만들기 1.1  </B></SPAN> <BR><BR><SPAN style="FONT-SIZE: 9pt"><B>여러개의 작은 사진중에서 보고 싶은 사진위에 마우스를 올리면 <BR>선택된 사진이 보기창에 크게 보이는 앨범을 만들어 봅니다.</B> <BR>
<P align=left><A target='_blank'  class='con_link'     title="샐리디카 -샐리의디카여행 블로그" style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #333333; FONT-FAMILY: 궁서; TEXT-DECORATION: none" href="http://blog.naver.com/sallynice" >- SallyDica -</A></P><BR>만들어 볼 앨범샘플입니다.</SPAN><BR>
<TABLE style="BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 2px solid; MARGIN: 5px; BORDER-LEFT: gray 2px solid; BORDER-BOTTOM: gray 2px solid" cellSpacing=5 cellPadding=0 bgColor=black>
<TBODY>
<TR>
<TD id=sallyText style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: white; PADDING-TOP: 3px; BORDER-BOTTOM: gray 3px solid" align=middle colSpan=2>트랜지션 포토앨범</TD></TR>
<TR>
<TD><IMG id=sallyImg style="BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 2px solid; FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=0.70); BORDER-LEFT: gray 2px solid; BORDER-BOTTOM: gray 2px solid" src="http://blogfiles.naver.net/data12/2005/7/11/182/img_1-sallynice.jpg"></TD>
<TD vAlign=top align=middle width=75><IMG onmouseover="this.style.border='2 yellow dashed'; sallyText.innerText=this.title; sallyImg.filters[0].apply(); sallyImg.src=this.src; sallyImg.filters[0].play();" title="황로(여주 2005.5)" onmouseout="this.style.border='0 black dashed';" src="http://blogfiles.naver.net/data12/2005/7/11/182/img_1-sallynice.jpg" width=70 vspace=3><BR><IMG onmouseover="this.style.border='2 yellow dashed'; sallyText.innerText=this.title; sallyImg.filters[0].apply(); sallyImg.src=this.src; sallyImg.filters[0].play();" title="백로(평택 2005.6)" onmouseout="this.style.border='0 black dashed';" src="http://blogfiles.naver.net/data12/2005/7/11/209/img_2-sallynice.jpg" width=70 vspace=3><BR><IMG onmouseover="this.style.border='2 yellow dashed'; sallyText.innerText=this.title; sallyImg.filters[0].apply(); sallyImg.src=this.src; sallyImg.filters[0].play();" title="왜가리(평택 2005.6)" onmouseout="this.style.border='0 black dashed';" src="http://blogfiles.naver.net/data12/2005/7/11/129/img_3-sallynice.jpg" width=70 vspace=3><BR><IMG onmouseover="this.style.border='2 yellow dashed'; sallyText.innerText=this.title; sallyImg.filters[0].apply(); sallyImg.src=this.src; sallyImg.filters[0].play();" title="해오라기(평택 2005.6)" onmouseout="this.style.border='0 black dashed';" src="http://blogfiles.naver.net/data11/2005/7/11/140/img_4-sallynice.jpg" width=70 vspace=3><BR><IMG onmouseover="this.style.border='2 yellow dashed'; sallyText.innerText=this.title; sallyImg.filters[0].apply(); sallyImg.src=this.src; sallyImg.filters[0].play();" title="저어새(강화 2005.6)" onmouseout="this.style.border='0 black dashed';" src="http://blogfiles.naver.net/data11/2005/7/11/214/img_5-sallynice.jpg" width=70 vspace=3><BR></TD></TR></TBODY></TABLE><BR><SPAN style="FONT-SIZE: 9pt">만드는 방법-- <IMG title="설명창이 열립니다" style="CURSOR: hand" onclick="sallyDoc.style.visibility='visible'" src="http://blogfiles.naver.net/data11/2005/7/11/193/sw-doc-sallynice.gif" align=absMiddle>    제공:: <A target='_blank'  class='con_link'     title="샐리디카 -샐리의디카여행 블로그" style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #333333; FONT-FAMILY: 궁서; TEXT-DECORATION: none" href="http://blog.naver.com/sallynice" >- SallyDica -</A><A target='_blank'  class='con_link'    href="http://blog.naver.com/sallynice" ></A> </SPAN><BR>
<DIV style="Z-INDEX: 110; POSITION: relative">
<DIV id=sallyDoc title="클릭하면 닫힙니다" style="BORDER-RIGHT: gray 3px solid; PADDING-RIGHT: 10px; BORDER-TOP: gray 3px solid; PADDING-LEFT: 10px; FONT-SIZE: 9pt; VISIBILITY: hidden; PADDING-BOTTOM: 10px; BORDER-LEFT: gray 3px solid; CURSOR: hand; PADDING-TOP: 10px; BORDER-BOTTOM: gray 3px solid; POSITION: absolute; BACKGROUND-COLOR: #fffff8" onclick="this.style.visibility='hidden'" noWrap><B>트랜지션(페이드효과) 포토앨범 만들기 순서</B>      ==창닫기::클릭== <BR><BR>1. 포스트에 "사진올리기"로 사진을 4~5장정도 미리 올려줍니다. <BR>   사진들은 폭 400px,높이 300px 정도, 용량은 100kb 보다 작게 만드세요. <BR>   포스트의 제목은 "귀여운 새들"로 지었다고 가정합니다. <BR><BR>2. "귀여운 새들" 포스트에서 사진들의 주소(속성)를 읽어 오세요. <BR>   사진에 마우스오른쪽을 클릭,속성보기하면 사진주소가 나옵니다. <BR>   예) http://blogfiles.naver.net/data11/10/292/5-1904.jpg <BR><BR>3. 사진마다 주소가 다르므로 하나씩 읽어 이 마법사의 아래에 있는 <BR>   "사진주소넣기"에 차례대로 사진주소들을 넣어줍니다. <BR>   사진은 5개가 표준이며 모두 10개까지 넣을 수 있습니다. <BR><BR>4. 이 마법사의 "소스만들기" 버튼을 눌러 소스가 만들어지면 <BR>   소스를 복사하여 "태그연습장"에 넣고 "결과보기"하세요. <BR><BR>5. 태그연습장에 만들어진 결과를 복사하여 "귀여운 새들" 포스트에 <BR>   붙여 넣습니다. "귀여운 새들"에 이미 올려져 있던 사진들은 안보이도록 <BR>   사진을 하나씩 클릭하여 선택한 후 Delete 키로 지워줍니다. <BR>   그러나 첨부된 파일에서 삭제하면 사진이 정말 없어지므로 주의하세요. <BR></DIV></DIV>
<DIV style="BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 2px solid; OVERFLOW-Y: auto; PADDING-LEFT: 5px; Z-INDEX: 100; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: black 2px solid; WIDTH: 500px; PADDING-TOP: 5px; BORDER-BOTTOM: black 2px solid; POSITION: relative; HEIGHT: 320px"><SPAN style="FONT-SIZE: 9pt; COLOR: maroon"><B>사진주소넣기</B>-사용할 갯수만큼 체크한 후 사진의 제목(설명)과 주소를 넣으세요</SPAN> <BR>
<TABLE style="BORDER-RIGHT: #ff6666 3px solid; BORDER-TOP: #ff6666 3px solid; FONT-SIZE: 9pt; MARGIN: 5px; BORDER-LEFT: #ff6666 3px solid; BORDER-BOTTOM: #ff6666 3px solid; BACKGROUND-COLOR: #ffcc99" width=450>
<COLGROUP>
<COL style="FONT-WEIGHT: bold; COLOR: red">
<TBODY>
<TR>
<TD>01:</TD>
<TD>제목</TD>
<TD><INPUT id=tt1 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb1 disabled type=checkbox CHECKED></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp1 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>02:</TD>
<TD>제목</TD>
<TD><INPUT id=tt2 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb2 disabled type=checkbox CHECKED></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp2 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>03:</TD>
<TD>제목</TD>
<TD><INPUT id=tt3 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb3 type=checkbox CHECKED></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp3 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>04:</TD>
<TD>제목</TD>
<TD><INPUT id=tt4 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb4 type=checkbox CHECKED></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp4 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>05:</TD>
<TD>제목</TD>
<TD><INPUT id=tt5 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb5 type=checkbox CHECKED></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp5 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>06:</TD>
<TD>제목</TD>
<TD><INPUT id=tt6 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb6 type=checkbox></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp6 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>07:</TD>
<TD>제목</TD>
<TD><INPUT id=tt7 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb7 type=checkbox></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp7 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>08:</TD>
<TD>제목</TD>
<TD><INPUT id=tt8 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb8 type=checkbox></TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp8 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>09:</TD>
<TD>제목</TD>
<TD><INPUT id=tt9 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb9 type=checkbox> </TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed">주소</TD>
<TD style="BORDER-BOTTOM: #cc3333 2px dashed"><INPUT id=pp9 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR>
<TR>
<TD>10:</TD>
<TD>제목</TD>
<TD><INPUT id=tt10 style="BACKGROUND-COLOR: #e0e0d0" size=53></TD></TR>
<TR>
<TD><INPUT id=cb10 type=checkbox></TD>
<TD>주소</TD>
<TD><INPUT id=pp10 style="BACKGROUND-COLOR: #eeeecc" size=53></TD></TR></TBODY></TABLE><BR><BR><BR><SPAN style="FONT-SIZE: 9pt; COLOR: maroon"><B>앨범 모양(색상) 바꾸기</B>-결과색을 만든 후 "사용하기" 버튼을 누르세요. </SPAN><BR><INPUT id=savr type=hidden value=128><INPUT id=savg type=hidden value=128><INPUT id=savb type=hidden value=128> 
<TABLE style="FONT-SIZE: 9pt; MARGIN: 5px; COLOR: white" cellSpacing=2 cellPadding=2 bgColor=black>
<COLGROUP>
<COL bgColor=black>
<TBODY>
<TR>
<TD width=50></TD>
<TD style="COLOR: white">색농도선택:: 빨강,초록,파랑 0~100 사이를 클릭</TD>
<TD style="COLOR: white" align=middle>혼합,결과색</TD></TR>
<TR>
<TD></TD>
<TD>
<TABLE height=5 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD id=barr width=128 bgColor=#ff3333></TD></TR></TBODY></TABLE><IMG title="0~100% 사이에 클릭하여 색농도를 지정해 주세요" style="CURSOR: crosshair" onclick="savr.value=event.offsetX; barr.width=savr.value; cMon.bgColor='rgb('+savr.value+','+savg.value+','+savb.value+')';" src="http://blogfiles.naver.net/data12/2005/7/15/164/cpr-sallynice.gif" vspace=2></TD>
<TD align=middle width=120 rowSpan=6>
<TABLE bgColor=white>
<TBODY>
<TR>
<TD id=cMon title="결과색입니다. 아래 버튼을 눌러 적용하세요." width=50 bgColor=#808080 height=50></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD></TD>
<TD>
<TABLE height=5 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD id=barg width=128 bgColor=#33ff33></TD></TR></TBODY></TABLE><IMG title="0~100% 사이에 클릭하여 색농도를 지정해 주세요" style="CURSOR: crosshair" onclick="savg.value=event.offsetX; barg.width=savg.value; cMon.bgColor='rgb('+savr.value+','+savg.value+','+savb.value+')';" src="http://blogfiles.naver.net/data12/2005/7/15/139/cpg-sallynice.gif" vspace=2></TD></TR>
<TR>
<TD></TD>
<TD>
<TABLE height=5 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD id=barb width=128 bgColor=#5555ff></TD></TR></TBODY></TABLE><IMG title="0~100% 사이에 클릭하여 색농도를 지정해 주세요" style="CURSOR: crosshair" onclick="savb.value=event.offsetX; barb.width=savb.value; cMon.bgColor='rgb('+savr.value+','+savg.value+','+savb.value+')';" src="http://blogfiles.naver.net/data12/2005/7/15/224/cpb-sallynice.gif" vspace=2></TD></TR></TBODY>
<TABLE>
<TBODY></TBODY></TABLE>
<TABLE style="FONT-SIZE: 9pt; MARGIN-LEFT: 10px">
<TBODY>
<TR>
<TD>혼합,결과색을 앨범 밑배경색에 사용합니까?</TD>
<TD><INPUT style="FONT-SIZE: 9pt" onclick=baseC.bgColor=cMon.bgColor;h1_1.value=cMon.bgColor; type=button value=사용하기></TD>
<TD> 현재색</TD>
<TD id=baseC width=50 bgColor=black></TD></TR>
<TR>
<TD>혼합,결과색을 앨범 테두리색에 사용합니까?</TD>
<TD><INPUT style="FONT-SIZE: 9pt" onclick=lineC.bgColor=cMon.bgColor;h1_3.value=cMon.bgColor; type=button value=사용하기></TD>
<TD> 현재색</TD>
<TD id=lineC width=50 bgColor=#808080></TD></TR></TBODY></TABLE><BR><BR><SPAN style="FONT-SIZE: 9pt; COLOR: maroon"><B>※앨범크기?</B>-사진사이즈에 따라 자동조정되므로 입력사항이 없습니다.</SPAN> <BR><BR><SPAN style="FONT-SIZE: 9pt; COLOR: maroon"><B>사진 넘김효과 고르기</B>-사진이 바뀌는 모양을 바꾸어 보세요.</SPAN> 
<TABLE style="FONT-SIZE: 9pt; MARGIN: 5px">
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #ff6666 3px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ff6666 3px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ff6666 3px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ff6666 3px solid" bgColor=black><IMG id=sallyEff style="BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 2px solid; FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=0.70); BORDER-LEFT: gray 2px solid; BORDER-BOTTOM: gray 2px solid" src="http://blogfiles.naver.net/data11/2005/7/15/248/10-sallynice.jpg"></TD>
<TD vAlign=top>
<TABLE style="FONT-SIZE: 9pt" cellSpacing=0>
<TBODY>
<TR>
<TD><INPUT onclick="h2_1.value=f1.value; sallyEff.style.filter=f1.value; sallyEff.filters[0].apply();  sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/146/01-sallynice.jpg';  sallyEff.filters[0].play();" type=radio CHECKED name=eff> </TD>
<TD>페이드 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f2.value; sallyEff.style.filter=f2.value; sallyEff.filters[0].apply();  sallyEff.src='http://blogfiles.naver.net/data11/2005/7/15/43/02-sallynice.jpg';  sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>문열림 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f3.value; sallyEff.style.filter=f3.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/70/03-sallynice.jpg';  sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>스트래치 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f4.value; sallyEff.style.filter=f4.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/255/04-sallynice.jpg';  sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>픽셀레이트 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f5.value; sallyEff.style.filter=f5.value; sallyEff.filters[0].apply();  sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/75/05-sallynice.jpg'; sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>별모양-아이리스 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f6.value; sallyEff.style.filter=f6.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/95/06-sallynice.jpg';  sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>원모양-아이리스 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f7.value; sallyEff.style.filter=f7.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data11/2005/7/15/24/07-sallynice.jpg'; sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>치우기-스라이드 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f8.value; sallyEff.style.filter=f8.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/248/09-sallynice.jpg'; sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>밀기-스라이드 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f9.value; sallyEff.style.filter=f9.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data12/2005/7/15/14/08-sallynice.jpg';  sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>바꾸기-스라이드 효과</TD></TR>
<TR>
<TD><INPUT onclick="h2_1.value=f10.value; sallyEff.style.filter=f10.value; sallyEff.filters[0].apply(); sallyEff.src='http://blogfiles.naver.net/data11/2005/7/15/248/10-sallynice.jpg';  sallyEff.filters[0].play();" type=radio name=eff> </TD>
<TD>랜덤-디졸브 효과</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><SPAN style="FONT-SIZE: 9pt"><A target='_blank'  class='con_link'    href="http://blog.naver.com/sallynice" ><IMG title="샐리의 디카여행" src="http://blogfiles.naver.net/data12/2005/6/16/75/sallydica%28c%29-sallynice.gif" align=absMiddle border=0><U><FONT color=#800080> 샐리의 디카여행 http://blog.naver.com/sallynice </FONT></U></A></SPAN></DIV><BR><SPAN style="FONT-SIZE: 9pt"><U><FONT color=#800080><IMG title="입력한 내용으로 HTML 소스를 만듭니다" style="CURSOR: hand" onclick=sallySrc.value=h1.value+h1_1.value+h1_2.value+h1_3.value+h1_4.value+pp1.value+h2.value+h2_1.value+h2_2.value;sallySrc.value+=h3.value+pp1.value+h4.value+tt1.value+h5.value;if(cb2.checked){sallySrc.value+=h3.value+pp2.value+h4.value+tt2.value+h5.value;}if(cb3.checked){sallySrc.value+=h3.value+pp3.value+h4.value+tt3.value+h5.value;}if(cb4.checked){sallySrc.value+=h3.value+pp4.value+h4.value+tt4.value+h5.value;}if(cb5.checked){sallySrc.value+=h3.value+pp5.value+h4.value+tt5.value+h5.value;}if(cb6.checked){sallySrc.value+=h3.value+pp6.value+h4.value+tt6.value+h5.value;}if(cb7.checked){sallySrc.value+=h3.value+pp7.value+h4.value+tt7.value+h5.value;}if(cb8.checked){sallySrc.value+=h3.value+pp8.value+h4.value+tt8.value+h5.value;}if(cb9.checked){sallySrc.value+=h3.value+pp9.value+h4.value+tt9.value+h5.value;}if(cb10.checked){sallySrc.value+=h3.value+pp10.value+h4.value+tt10.value+h5.value;}sallySrc.value+=h6.value; src="http://blogfiles.naver.net/data11/2005/7/11/53/sw-src-sallynice.gif" align=absMiddle></FONT></U>  만들어진 아래 소스를  <A target='_blank'  class='con_link'    href="http://myhome.naver.com/sallynice/blog/sallyedit.htm" ><IMG title="태그연습장을 새창으로 열어 둡니다" src="http://blogfiles.naver.net/data11/2005/7/11/92/sw-edit-sallynice.gif" align=absMiddle border=0></A> 에 복사해 넣으세요. <BR></SPAN><TEXTAREA id=sallySrc style="BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 2px solid; PADDING-LEFT: 5px; FONT-SIZE: 7pt; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: black 2px solid; WIDTH: 500px; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: black 2px solid; FONT-FAMILY: verdana" rows=15>

'이야기테크 > 블로그이야기' 카테고리의 다른 글

[스크랩] 자바약속 (0)	2008.08.25
[스크랩] 태그소스 (0)	2008.08.25
[스크랩] 태그소스 (0)	2008.08.25
[스크랩] ㅁㅁ (0)	2008.08.25
[스크랩] 트랜지션 포토앨범 만들기 마법사 (0)	2008.08.25

현재글[스크랩] 여러사진

명호네가게site

승학온천, 부산문화, 1인창조기업, 유머, 커피, 시니어창업스쿨, 건강, 창업, 명호네가게, 시니어,

Today :
Yesterday :

명호네가게site