웹모아
웹모아[손님] 검색   로그인 / 회원가입    



 
인쇄관련
 


[스크립트] 이미지에 6개의 효과주기
  2006-11-17 03:06:27 댓글:(0)   조회:496


<SCRIPT language="Javascript">
<!--

var Init;
var H;
var W;
var tmpH;
var tmpW;
var Opacity = 100;
var GrayScale = 0;
var FH = 0;
var FV = 0;
var Inverse = 0;
var Command;

function action()
{
        Command = 'alpha(opacity=100, style=3, finishopacity=' + Opacity +') ';
        Command += (GrayScale == 1 ? 'gray ':'');
        Command += (FH == 1 ? 'FlipH ' : '');
        Command += (FV == 1 ? 'FlipV ' : '');
        Command += (Inverse == 1 ? 'Invert' : '');
        return Command;
}

function clearEffect()
{        
        Opacity = 100;
        GrayScale = 0;
        FH = 0;
        FV = 0;
        Inverse = 0;
        Command = "";        
        imgObj.style.filter = action();
        //reSize(100);
}

function increaseOpacity()
{        
        if (Opacity >= 100) Opacity = 100;
        else Opacity += 10;
        imgObj.style.filter = action();
}

function decreaseOpacity()
{        
        if (Opacity <= 0) Opacity = 0;
        else Opacity -= 10;        
        imgObj.style.filter = action();

}

function gray()
{
        if (GrayScale == 1) GrayScale = 0;
        else GrayScale = 1;
        imgObj.style.filter = action();        
}

function vertical()
{
        if (FV == 1) FV = 0;
        else FV = 1;
        imgObj.style.filter = action();        
}

function horizontal()
{
        if (FH == 1) FH = 0;
        else FH = 1;
        imgObj.style.filter = action();        
}

function invert()
{
        if (Inverse == 1) Inverse = 0;
        else Inverse = 1;
        imgObj.style.filter = action();        
}

-->
</script>


<table border=0 cellpadding=10 cellspacing=1 width=400 bgcolor=#CCCCCC>
<tr>
        <td height=3></td>
</tr>
<tr>
        <td bgcolor=#FFFFFF><img name="imgObj" src="http://img.landmoa.net/usr_root/land/skync.gif" width=400 height=300 border=0 alt="확대하기"></td>
</tr>
<tr>
        <td align=center bgcolor=#FFFFFF>
                <input type=button value="원본" class=input4 onclick="clearEffect();">
                <input type=button value="필름효과" class=input4 onclick="invert();">
                <input type=button value="흑백사진" class=input4 onclick="gray();">
                <input type=button value="투명도증가" class=input4 onclick="decreaseOpacity();">
                <input type=button value="투명도감소" class=input4 onclick="increaseOpacity();">
                <input type=button value="상하회전" class=input4 onclick="vertical();">
                <input type=button value="좌우회전" class=input4 onclick="horizontal();">
        </td>
</tr>
<tr>
        <td bgcolor=#FFFFFF>
                                        </td>
</tr>
<tr>
        <td height=3></td>
</tr>
</table>

실행해보기   (실행2)





 댓글 (0)


인쇄관련
페이지: 1 / 1   


   인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 819
   웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣(홈마스타) 662
   화면 출력과 인쇄시 테이블 널이 다르게 지정하기(홈마스타) 524
   웹페이지에서 프린트 컨트롤(홈마스타) 958
   인쇄시 강재로 다음페이지 넘기(홈마스타) 430
     [RE] 인쇄시 강재로 다음페이지 넘기(홈마스타) 498
   아이프레임 프린트 하기(iframe print)(홈마스타) 879
     [RE] 아이프레임 프린트 하기(iframe pri(홈마스타) 834
       [RE] 아이프레임 프린트 하기(iframe pr(홈마스타) 5407
   [CSS] 같은 페이지에서 화면과 프린트 인쇄 스타(홈마스타) 558
     [RE][HTML/CSS]Style sheet 를 (홈마스타) 509
       [RE] CSS media='print'(홈마스타) 565
         [RE] CSS media 에 따라 다른 크기의 (홈마스타) 449
   원하는 프레임만 프린트하기 / 인쇄미리보기 및 페이(홈마스타)(1) 2316
   특정영역만 프린트하기(홈마스타) 846
     [RE] 특정 페이지를 프린트하기(Iframe)(홈마스타) 775
[스크립트] 이미지에 6개의 효과주기(홈마스타) 497
   DIV를 이용한 특정부분만 프린트하기(브라우저에서)(홈마스타) 654
   원하는 부분만 인쇄하기. Css 작성과 링크 팁. (홈마스타) 589
    HK Post print Plugin V2_0(홈마스타)(2) 442
    간단한 텍스트 인쇄 / HTML 인쇄(홈마스타) 579
   웹페이지에 [인쇄하기](홈마스타) 859
   거래명세서(거래명세표) 와 세금계산서 HTML 출력(홈마스타) 1958
   라벨지 양식은 전용 소프트웨어나 워드로 라벨지를 완(홈마스타)(1) 1735
[1]  

복수단어 검색은 공백(space)로 구분해 주세요. 1




 
최근 글
[손님]

인기 글
[손님]
[홈마스타] (1) oledb 접근 오류
[홈마스타] 속도감
[자나가다] (3) 자유게시판이라...
[홈마스타] setinterval 사용과 중지