'이미지'에 해당되는 글 27건

  1. 2008/12/25 성탄절, 산타, 눈사람, 흰눈이 있는 겨울 홈페이지 로고들
  2. 2008/12/15 스크린샷과 사진으로 보는 나의 개발 환경
  3. 2008/10/31 e별난세상, 도메인으로 자신의 이름을 대신한다면... (1)
  4. 2008/10/01 학습용 배너 이미지 슬라이더 플래시 소스 (2)
  5. 2008/06/26 미리보기 이미지 썸네일 만들기 함수 PHP 소스 코드 (1)
  6. 2008/02/10 소녀시대 프로필 플래시 갤러리. (4)
  7. 2008/02/03 귀여운 소녀시대 이미지로 구성된 플래시 갤러리입니다. (4)
  8. 2008/01/28 세로형 플래시 이미지 슬라이더. (1)
  9. 2008/01/11 동서양의 美 간직한 아틀란티카의 그녀들
  10. 2007/12/28 자바스크립트로 구성된 이미지 슬라이더입니다. (8)
  11. 2007/12/07 귀여운 원더걸스 단체사진 13장 (2)
  12. 2007/11/25 스타크래프트2 유닛 움짤 만들기 해봤습니다. (5)
  13. 2007/11/20 블로그 번역 버튼 이미지를 교체했습니다. (7)
  14. 2007/11/14 사진 크기 조절과 워터마크 삽입을 간편하게.. (7)
  15. 2007/10/29 사진첩(갤러리)를 위한 플래시 악세사리 (6)
  16. 2007/10/16 플래시 전광판,슬라이더 위젯 추가사항 (1)
  17. 2007/10/11 플래시 블로그 위젯 적용 사례 (머드포유) (1)
  18. 2007/07/19 플래시 이미지 슬라이더 위젯 (1)
  19. 2007/07/17 워크래프트3(warcraft3) 유닛 움직이는 이미지 60여종 (3)
  20. 2007/07/16 멋진 스타크래프트(starcraft) 이미지 34종 (1)
  21. 2007/07/15 이쁜 플래시(flash)관련 이미지와 로고 20종
  22. 2007/05/26 HTML,포토샵,플래시 색상 코드번호 표 (15)
  23. 2007/04/23 재밌는 물건 포토로그 (1)
  24. 2007/04/20 초보자를 위한 자바스크립트 이미지 슬라이더 소스코드 (1)
  25. 2007/04/16 실시간 이미지 공유 포토 라이브러리 (플래시+xml) (1)
  26. 2007/04/10 초간단 php소스로 이쁜 블로그 만들기. (14)
  27. 2007/04/05 이쁜 사진들을 모아놓은 플래시 전자책입니다. (6)
성탄절, 산타, 눈사람 그리고 흰눈이 있는 겨울 홈페이지 로고들입니다. 성탄절과 겨울 분위기에 맞는 로고를 노출하며 홈페이지를 운영하는 곳이 많더군요. 이름만 들어도 알만한 포털과 인기 사이트들 위주로 로고를 수집해봤습니다. 문득 이 수 많은 웹사이트들의 로고를 수정하기 위해 얼마나 많은 인력과 비용이 투입되었을지 궁금합니다. 내년 이맘때에는 디자인을 준비해서 내 블로그에도 겨울 분위기를 내봐야겠네요.^^


웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/551

댓글을 달아 주세요

마음 같아서는 독립된 공간에서 심심하지 않은 음악을 틀어 놓고 고성능 저소음 컴퓨터를 이용하며 개발하고 싶지만 현실은 적당한 타협이 필요한 법입니다. 아래 보이는 것은 사무실에 있는 나의 메인 컴퓨터를 CPU-Z 라는 유틸리티로 조회한 모습을 스크린샷으로 캡쳐한 이미지들입니다. 하단에 보이는 사진 2장은 매일 출근해서 일하는 내 자리를 디지털 카메라로 담은 것입니다. 사진에 출연중인 3대의 PC와 숨어 있는 1대의 PC를 이용하고 있으며 윈도우즈XP가 깔려 있는 메인 컴퓨터, 보조 컴퓨터 그리고 CentOS 와 Ubuntu 가 깔려 있는 2대의 리눅스 컴퓨터로 구성되 있습니다. 이 글을 보는 당신은 어떤 개발 환경을 가지고 있나요?

[CPU]
사용자 삽입 이미지

[MainBoard]
사용자 삽입 이미지

[Memory]
사용자 삽입 이미지

[나의 개발 공간 #1]

[나의 개발 공간 #2]

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

댓글을 달아 주세요

얼핏 본 기사가 하나 있는데 아마도 미국에서 어떤 사람이 자신의 이름을 도메인으로 개명했다는 내용이었던 것 같습니다. 미국이니까 가능했다는 코멘트도 있었어요. 우리는 사회 생활을 하면서 알려야 할 것 들이 많지요. 예를들면 도메인명, 별명, 필명, 회사명, 서비스명, 상품명, 블로그명, 홈페이지명, 성명, 그룹명 등등이 있습니다. 어째꺼나 브랜드를 여러개 홍보하는 것은 그만큼 비용이 많이 지출 되겠지요. 그래서 선택과 집중을 할 필요가 있을지 모르죠.
만약 자신의 이름을 도메인화 하게 된다면 자신이 보유하고 있는 어떤 도메인을 선택할 것이며 보유한 도메인이 없다면 어떤 도메인을 등록하시겠습니까? 아니면 있는 그대로 별개의 것으로 유지하는 것이 좋을까요?

 

안녕하세요? 저는 HOMPY.INFO 입니다. ^^


웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 라온수카이 2008/11/01 02:29  댓글주소  수정/삭제  댓글쓰기

    그럼 저는 "특수교사.com"으로 해버릴까요?ㅎ

이미지 슬라이더는 좁은 공간에 좀더 많은 것을 보기 좋게 보여주기 위해 유용한 유저 인터페이스입니다. 아래 소개하는 내용은 이번 플래시 스터디 과제를 해결하기 위한 힌트이기도 하며 플래시 액션스크립트 초급자를 위한 학습용 플래시 소스이기도 합니다. Tween 클래스를 사용해서 매끄러운 배너 이동에 적용했으며 주기적으로 반복해서 함수를 실행하게 해주는 setInterval 함수를 이용해 일정 시간 간격으로 배너를 교체하도록 하였습니다. 그리고 마우스를 배너 위에 올렸을 경우 clearInterval 함수로 반복하는 것을 중지 하도록 했고 마우스가 배너 위를 벗어났을 때 다시 setInterval 함수를 이용해 다시 반복 하도록 했습니다. 배너의 갯수(menu_max), 배너의 폭(menu_width), 이동 시간 간격(show_time), 어떤 스타일로 이동할 것인지(show_style)를 변경할 수 있는 변수도 적용하였습니다.
백번 설명하는 것 보다 한번 직접 해보는 것이 플래시 액션스크립트 학습의 지름길입니다. 자신의 필요나 구미에 맞게 아래 플래시 소스를 수정 보완 해보시면 학습에 도움이 될 것입니다. 이렇게 만들어진 플래시는 블로그나 홈페이지 배너로 사용하면 보기 좋을 것이며 실제 많이 사용하고 있기도 합니다.







import mx.transitions.Tween;
import mx.transitions.easing.*;

var menu_pos = 0;
var menu_max = 4;
var menu_width = 200;
var show_style = 0;
var show_time = 4000;
var
menu_distance = menu_width * -1;
var time_id = setInterval(_root,"do_next", show_time);
mc_screen.onRollOver = function (){
    clearInterval(time_id);
}
mc_screen.onRollOut = function (){
    time_id = setInterval(_root,"do_next", show_time);
}
mc_screen.onRelease = function (){
    getURL("http://hompy.info/507","_blank");
}
function do_next(){
    var pos1, pos2, x1, x2;
    pos1 = menu_pos;
    menu_pos = menu_pos + 1;
    pos2 = menu_pos;
    x1 = pos1 * menu_distance;
    x2 = pos2 * menu_distance;
    menu_pos = (menu_pos) % menu_max;
    switch (show_style){
        case 1: new Tween(mc_screen,"_x",Elastic.easeOut,x1,x2,20,false); break;
        case 2: new Tween(mc_screen,"_x",Bounce.easeOut,x1,x2,20,false); break;
        case 3: new Tween(mc_screen,"_x",Regular.easeOut,x1,x2,20,false); break;
        case 4: new Tween(mc_screen,"_x",Back.easeOut,x1,x2,20,false); break;
        default: new Tween(mc_screen,"_x",Strong.easeOut,x1,x2,20,false); break;
    }
    trace (menu_pos+":"+x1+"->"+x2);
}

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 임채경 2010/06/23 13:46  댓글주소  수정/삭제  댓글쓰기

    감사합니다!

  2. 학생 2009/04/17 21:33  댓글주소  수정/삭제  댓글쓰기

    굳!
    아주 유용합니다.

PHP에서 GD 라이브러리를 활용해서 썸네일을 만들어주는 함수의 소스 코드입니다. 홈페이지를 만들다 보면 사진첩과 같이 이미지를 다수 노출해야 되는 페이지를 구성할 때 필요한 것이 썸네일이며 이를 이용하면 페이지의 로딩 속도를 향상시켜 주며 원본 이미지를 작게 보여줄 때 좀더 선명하게 표현해줄 수 있습니다. 자신의 필요에 맞게 함수를 구성할 수 있는 분이 아니라면 복사해서 활용해보시면 되겠습니다. 함수 파라메터 끝에는 썸네일을 저장할 파일 경로를 입력하시면 되고 경로를 입력하지 않으면 바로 출력됩니다.

make_thumbnail("원본이미지파일경로", 83, 100, "저장할썸네일파일경로");

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
<?
make_thumbnail("http://hompy.info/attach/1/1196323499.jpg", 83, 100, "");

function make_thumbnail($source_path, $width, $height, $thumbnail_path){
    list($img_width,$img_height, $type) = getimagesize($source_path);
    if ($type!=1 && $type!=2 && $type!=3 && $type!=15) return;
    if ($type==1) $img_sour = imagecreatefromgif($source_path);
    else if ($type==2 ) $img_sour = imagecreatefromjpeg($source_path);
    else if ($type==3 ) $img_sour = imagecreatefrompng($source_path);
    else if ($type==15) $img_sour = imagecreatefromwbmp($source_path);
    if ($img_width > $img_height) {
        $w = round($height*$img_width/$img_height);
        $h = $height;
        $x_last = round(($w-$width)/2);
        $y_last = 0;
    } else {
        $w = $width;
        $h = round($width*$img_height/$img_width);
        $x_last = 0;
        $y_last = round(($h-$height)/2);
    }
    if ($img_width < $width && $img_height < $height) {
        $img_last = imagecreatetruecolor($width, $height);
        $x_last = round(($width - $img_width)/2);
        $y_last = round(($height - $img_height)/2);

        imagecopy($img_last,$img_sour,$x_last,$y_last,0,0,$w,$h);
        imagedestroy($img_sour);
        $white = imagecolorallocate($img_last,255,255,255);
        imagefill($img_last, 0, 0, $white);
    } else {
        $img_dest = imagecreatetruecolor($w,$h);
        imagecopyresampled($img_dest, $img_sour,0,0,0,0,$w,$h,$img_width,$img_height);
        $img_last = imagecreatetruecolor($width,$height);
        imagecopy($img_last,$img_dest,0,0,$x_last,$y_last,$w,$h);
        imagedestroy($img_dest);
    }
    if ($thumbnail_path) {
        if ($type==1) imagegif($img_last, $thumbnail_path, 100);
        else if ($type==2 ) imagejpeg($img_last, $thumbnail_path, 100);
        else if ($type==3 ) imagepng($img_last, $thumbnail_path, 100);
        else if ($type==15) imagebmp($img_last, $thumbnail_path, 100);
    } else {
        if ($type==1) imagegif($img_last);
        else if ($type==2 ) imagejpeg($img_last);
        else if ($type==3 ) imagepng($img_last);
        else if ($type==15) imagebmp($img_last);
    }
    imagedestroy($img_last);
}
?>

댓글을 달아 주세요

  1. 다니엘SEO 2009/12/31 00:09  댓글주소  수정/삭제  댓글쓰기

    글 작성시에 만들어 주는 용으로는 어떨지 모르겠지만...
    리스트 화면이나 메인에서 바로 변환해서 출력하는 용으로는 무리가 있습니다.
    이렇게 하면 상당히 느립니다.

얼마전에 공개한 플래시에 사용된 이미지를 수정해서 소녀시대 이미지와 그녀들의 프로필로 구성한 플래시 갤러리입니다. 포토샵 사용법을 동영상 강좌로 조금 배워보고 나서 나름 적절한 배치를 하고 간단한 이펙트도 줘봤습니다. 포토샵에 재미가 붙어 좀더 시간을 투자해서 이미지 다루는 솜씨를 높여야 겠다는 생각을 했습니다. 이왕이면 포토샵 동영상 강좌도 만들면서 배운다면 배우는 재미 뿐만 아니라 가르치는 재미도 느낄 수도 있을 것 같은데 시간이 허락할 것 같지 않네요. 설 연휴를 알차게 보내고 싶었으나 생각 만큼 되지 않았습니다. 나이 한 살 더 먹고 나니 올해는 더욱 시간이 귀하게 느껴지고 좀더 알차게 살아야겠나는 욕망이 불타 오르는 군요. 설사 연말에 또다시 아쉬움을 남길지라도 다시 도전해 봐야 겠지요?
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

 

[소녀시대 플래시 갤러리 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/girlsgen.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgen0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen8.jpg"></embed>
<br /><br />
<embed src="http://www.hompydesign.com/club/girlsgen2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgenx0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx8.jpg"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info


















댓글을 달아 주세요

  1. 비밀방문자 2011/11/08 16:36  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

  2. 다인 2010/03/27 20:24  댓글주소  수정/삭제  댓글쓰기

    잘보고갑니다. 보기가 좋아요

  3. 행정관 2010/02/16 21:01  댓글주소  수정/삭제  댓글쓰기

    안녕하십니까! 좋은 자료 감사합니다
    그런데 혹시 오른쪽 부분에 태연,유리,수영 같은 소개버튼을 변경방법있을까요?

  4. 얼음사랑 2009/11/09 19:34  댓글주소  수정/삭제  댓글쓰기

    와우 이거 광고효과하면..

귀여운 소녀시대 이미지로 구성된 플래시 갤러리입니다. 소녀시대의 다른 이미지로 갤러리를 구성하고 싶다면, 아래 flashvars 파라메터에서 image 의 값을 수저하면 됩니다. 이미지들은 총 9개로 구성되며 세미콜론(;) 으로 구분할 수 있습니다. 소녀시대 맴버가 9명이나 되니 소녀시대 맴버들 사진과 그에 맞는 이름을 맞추는 것이 잘 안되는 분도 있겠죠? 이 플래시가 이름 맞추기를 도와줄 수 있을겁니다. 소녀시대 갤러리를 좀더 이쁘게 만들고 싶었으나 디자인 감각이 없는 관계로 여기까지만 했습니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.



[소녀시대 플래시 갤러리 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/girlsgen.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgen0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen8.jpg"></embed>
<br /><br />
<embed src="http://www.hompydesign.com/club/girlsgen2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgenx0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx8.jpg"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info


















댓글을 달아 주세요

  1. 수정 2009/04/23 02:35  댓글주소  수정/삭제  댓글쓰기

    피라메타를 수정한다는게 무슨소리인지??
    그리고 소녀시대 다른 이미지를 넣을려면
    플래시 자체를 수정해야 된다는건지 아니면? 어떻게 하는건지 자세한 설명 부탁드립니다...

  2. dd 2009/02/21 09:58  댓글주소  수정/삭제  댓글쓰기

    어떻게 다운받는거예요?

  3. alex 2008/02/03 15:22  댓글주소  수정/삭제  댓글쓰기

    감사~

  4. nob 2008/02/03 14:52  댓글주소  수정/삭제  댓글쓰기

    상당히 바람직한 ..ㅎ

보다 많은 이미지들을 비교적 작은 공간에서 표현하고 싶을 때가 있습니다. 이미지 슬라이더가 그러한 목적을 충족시켜주기도 합니다. 다음은 플래시로 만들어진 세로형 이미지 슬라이더입니다. 사용법은 기존에 공개한 이미지 슬라이더들과 같습니다. 플래시 파라메터 flashvars 에 image 와 page 변수에 필요한 값을 설정하시면 됩니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.



<table border=0 cellpadding=5 cellspacing=0 bgcolor=#333333><tr><td align=middle><table border=0 cellpadding=1 cellspacing=0 bgcolor=#ffffff><tr><td align=middle>
<embed src='http://www.hompydesign.com/club/imagevslider.swf' width='80' height='396' wmode='transparent' flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26165.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26164.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26163.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26162.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26161.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26154.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26153.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26152.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26122.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26121.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26123.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26125.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26124.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26112.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26111.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26110.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26020.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26021.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26022.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26003.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26002.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25929.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25928.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25926.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25927.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25835.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25813.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25814.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25618.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25617.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25616.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25552.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25551.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25550.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25520.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25519.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25484.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25483.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25249.thumb_gallery_wmg&page=http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info"></embed></td></tr></table>
</td></tr></table>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 션한맥 2009/10/14 10:30  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 우연히 들렸다가 많은걸 보고갑니다.

오랜만에 '게임속 미소녀'를 소개한다.

이번에 선보일 '게임속 미소녀'는 최근 국내 MMORPG 시장에 새로운 활력을 불어넣고 있는 엔도어즈의 <아틀란티카>.

<아틀란티카>는 많은 매니아 층의 지지를 얻고 있는 김태곤 이사가 개발한 역작으로, 역사에 기반한 다양한 세계문명을 탐헌하는 모험을 컨셉으로 하는 '턴제' 방식의 전략 MMORPG이다.
 
9명의 캐릭터를 콘트롤해야 하는 전략성을 토대로, 용병육성시스템, 도시경영시스템, 정치시스템, 경제시스템 등이 잘 어우러져 그 몰입도가 남다르다는 평가다.



동서양의 문물이 결집된 <아틀란티카>에 걸맞게, 등장하는 여성 캐릭터들 역시 '동서양의 美'가 한 데 어우러진 신비한 매력을 발산한다.

총수, 마녀, 궁수, 예언가, 공주 등 총 5가지 직업별로 등장하는 <아틀란티카>의 여성 캐릭터의 아름다움에 빠져보자.


■ 총수
총을 사용하며, 원거리용병 갑옷을 착용한다. 체력은 중간이며 직선으로 2칸의 적을 공격 가능해 행동력도 높은 편이다. 총탄을 장착할 수 있다.


서양의 무기인 '총'을 사용한다는 것을 제외하면, 전형적인 동양의 미인상이다.
단아한 얼굴과 단단한 갑옷 속에 감춰진 가녀린 몸매, 그러면서도 섹시한 느낌을
 한 껏 살린 보일듯 말듯한 노출과 아름다운 곡선미가 돋보인다.

■ 궁수
활을 사용하며, 원거리용병 갑옷을 착용한다. 체력이 약하지만 공격력이 강하고 행동력이 높다. 화살을 장착할 수 있다.


'로빈훗'을 연상시키는 전형적인 서양의 미인상이다. 짧고 짙은 금발머리에 눈매와
콧날 등이 이를 반증한다. 녹색풍의 의상은 숲 속에 은닉한 채 적을 향해 활시위를
당기는 궁수의 느낌을 잘 표현했다. 다만 약간 과한 가슴 노출과 두꺼운 허벅지는
늘씬한 몸매 표현에 있어 흠이라면 흠일 것이다.

■ 예언가
활을 주무기로 사용하며, 근거리 용병들을 무효화 시키는 마법을 사용한다.


'엘프'를 연상시키는 전형적인 서양의 미인상이다. 자연스러운 금발머리에 눈매와
콧날, 새초롬한 입술이 매력적이다. 귀족풍 갑옷을 착용해 고풍스러운 느낌과 멋을
 강조했다. 가슴선을 잘 살린 갑옷과 망사 느낌의 스타킹, 그리고 힐이 높은 부츠는
뛰어난 각선미를 돋보이게 하며, 전체적으로 격 높은 아름다움을 발산하고 있다.

■ 마녀
지팡이를 사용하며, 마법용병 갑옷을 착용한다. 체력은 매우 약하지만 적의 마법력을 빼앗아 아군에게 채워주는 마법이 가능하다. 회피율과 크리티컬 공격확률이 아주 높다. 오브 장착도 가능하다.


'마녀'라고 하기에는 너무나도 아담하고, 귀엽고, 깜찍하다. 마녀를 상징하는 '꼬깔모자'
 아래 부스스한 빨간머리와 큰 눈망울, 오목한 코에 도톰한 입술은 신비로움을 자극한다.
아담한 몸매에 비해 다소 풍만한 의상은 그녀를 더욱 비밀스러운 느낌으로 안내한다.

■ 공주
최근에 업데이트 된 캐릭터로, 적의 원거리 공격을 무력화 시키거나, 아군의 원거리 용병을 강화시켜주는 보조형 용병이다. '왕가의 인장', '가문의 인장', '황실의 인장' 등의 마법을 사용해 궁수, 총병, 포수계열 등 적군 원거리 용병의 물리공격을 무력화 시키는 반면, '침착한명령' 마법을 사용해 아군 원거리 용병의 물리방어력을 증가시키는 역할을 한다.


말 그대로 '공주'다. 빨간 장미꽃 머리핀과 웨이브 진 금발머리, 여기에 도도함의 극치를
 보여주는 눈매를 강조한 얼굴은 누가봐도 '공주'인 것이다. 일명 'V'라인을 강조한 상반신
 의상 콘셉은 군더더기 없는 몸매를 마음껏 뽐내고 있다. 여기에 'A'라인으로 펼친 드레스
사이로 보이는 '힙'라인과 망사 스타킹은 섹시함과 뇌쇄적인 느낌을 보여주고 있다.
아울러, 공주의 뒷모습이 어떨런지, 사뭇 궁금해지지 않는가. 정말 궁금하다.

■ 마법사
아직 공개되지 않은 캐릭터로 조만간 업데이트를 통해 선보일 신규 직업이다. 높은 수준의 공격력과 회복마법을 갖춘 마법사는 무녀와 같은 흉포한 의지와 어둠의 물결과 같은 뛰어난 보조기술을 갖고 있다. 체력이 좋은편이라 마법사와는 달리 집중사에도 강한 장점이 있다.


동서양의 분위기가 잘 어우러진 '마법사'다. 동양적인 헤어스타일에 다소 냉철해 보이는
 얼굴은 '중성적'이기까지 하다. 타이트하게 붙은 갑옷 속으로 보이는 그녀의 가녀린 몸매
는 격한 움직임 보다는 조용한 가운데 궁극의 마법을 뿜어내는 '마법사'의 신체조건이다.
여성스러운 '손짓'과 늘씬하게 뻗은 다리의 각선미가 유난히 돋보이는 모습이다.

외모 : ★★★★★★★★☆☆ (8점)
몸매 : ★★★★★★★★★☆ (9점)
지성 : ★★★★★★★☆☆☆ (7점)
섹시 : ★★★★★★★★☆☆ (8점)
큐티 : ★★★★★☆☆☆☆☆ (5점)

총점 : ★★★★★★★★☆☆ (8점)


이상으로 <아틀란티카>에 등장하는 여성 캐릭터들을 만나 보았다.

1월 9일부터 본격적인 오픈베타 테스트에 돌입하는 <아틀란티카>. 그녀들이 인도하는 <아틀란티카>의 세계가 더욱 흥미진진한 모험이 되지 않을까?

<아틀란티카>에 대한 보다 자세한 내용은 공식 홈페이지(
www.atlantica.co.kr
)를 통해 알 수 있다.

/정재훈 jhjeong@

댓글을 달아 주세요

자바스크립트로 구성된 이미지 슬라이더입니다. 아래 HTML 소스를 sample.html 로 저장하고 실행하면 아래 화면 처럼 출력이 됩니다. 자바스크립트 입문자에게는 공부가 될만한 소스이며 자신의 필요에 맞게 커스터마이징해서 실무에 활용해볼 수 있습니다. 앞으로 자바스크립트(javascript)를 학습하는 입문자 분들에게 공부가 될만한 미니 소스들을 이따금씩 준비해볼까 합니다.



<HTML>
<HEAD>
<TITLE>이미지 스크롤</TITLE>

<style type="text/css">
a:link{color:#fff; text-decoration:none;}
a:visited{color:#fff; text-decoration:none;}
a:hover{color:#fff; text-decoration:underline;}
a:link{color:#fff; text-decoration:none;}
img{border:0px;}

.select_direction{cursor:hand}
ul, li {list-style:none; padding:0; margin:0;}

.slider_td{padding-top:16px;}
.slider_ul li {width:59px; height:64px; padding-right:9px; float:left; white-space: nowrap; overflow:hidden; }
.slider_ul li img {vertical-align:top; border:1px solid #eeeeee; width:57; height:40;white-space: nowrap;}
.slider_ul li h1 {font-family:"돋움",tahoma,verdana; padding:0; margin:0; width:59px; height:20px; line-height:20px; overflow:hidden; text-align:center; font-size:11px; font-weight:normal; padding-top:2px;white-space: nowrap;}
</style>

<script>
var my_config = [];
with (my_config) {
 my_config.speed = "30";
 my_config.scroll = 1;
 my_config.width = "500";
 my_config.height = "70";
 my_config.direction = "left";
 my_config.banners;
 my_config.slider;
 my_config.slider_1;
 my_config.slider_2;
 my_config.timer;
}
function autoScroll(type){
 my_config.direction = type;
 this.items = [];
 this.add_banner = function(image,link,title,target){
  var newItem  = {};
  newItem.image = image;
  newItem.link = link;
  newItem.title = title;
  newItem.target = target;
  this.items[this.items.length] = newItem;
 }

 this.play = function(){
  my_config.banners = this.items;
  scroll_html();
  with (my_config) {
   slider=document.getElementById("slider_box");
   slider_1=document.getElementById("slider_box_1");
   slider_2=document.getElementById("slider_box_2");
   slider_2.innerHTML=slider_1.innerHTML;
   timer=setInterval(do_timer,speed);
  }
 }
}

function scroll_html(){
 var str = "", tmp = "", b = "", c ="", d = "";
 for(var i=0;i<my_config.banners.length;i++){
   var a = my_config.banners[i]
   str += "<li><a href='"+a.link+"' target='"+a.target+"'><img src='"+a.image+"' width=57 height=40 title='"+a.title+"'></a><h1><a href='"+a.link+"' >"+a.title+"</a></h1></li>";
 }
 if (my_config.direction == "left" || my_config.direction == "right"){
  b = "<div id=slider_scroller style='float: left; width: 800%'>";
  c = " style='float: left'";
  d = "</div>";
 }
 tmp += "<div id=slider_box onmouseover='do_stop()' onmouseout='do_move()' style='overflow:hidden; width:"+my_config.width+"px; height:"+my_config.height+"px'>";
 tmp += b + "<div id=slider_box_1"+c+">" + str;
 tmp += "</div><div id=slider_box_2"+c+">"+d+"</div></div>";
 document.getElementById("slider_show").innerHTML = tmp;
}

function do_left() {my_config.direction='left'}
function do_right() {my_config.direction='right'}
function do_stop() {my_config.scroll=0}
function do_move() {my_config.scroll=1}

function do_timer(){
 with(my_config){
  if (scroll) {
   if (direction == "top"){
    if (slider_2.offsetTop-slider.scrollTop<=0){ slider.scrollTop-=slider_1.offsetHeight }
    else {slider.scrollTop++}
   } else if(direction == "down"){
    if (slider_1.offsetTop-slider.scrollTop>=0) slider.scrollTop+=slider_2.offsetHeight
    else {slider.scrollTop--}
   } else if (direction == "left"){
    if (slider_2.offsetWidth-slider.scrollLeft<=0) slider.scrollLeft-=slider_1.offsetWidth
    else {slider.scrollLeft++;}
   } else if (direction == "right"){
    if (slider.scrollLeft<=0) slider.scrollLeft+=slider_2.offsetWidth
    else {slider.scrollLeft--}
   }
  }
 }
}

function play_game (type){
 if (my_config.timer) clearInterval(my_config.timer);
 var direction = type;
 var obj = new autoScroll(type);
 obj.add_banner("http://hompy.info/attach/1/1057862274.jpg","http://hompy.info/179#1","사진 #1","_blank");
 obj.add_banner("http://hompy.info/attach/1/1091749905.bmp","http://hompy.info/179#2","사진 #2","_blank");
 obj.add_banner("http://hompy.info/attach/1/1088322503.jpg","http://hompy.info/179#3","사진 #3","_blank");
 obj.add_banner("http://hompy.info/attach/1/1214111187.gif","http://hompy.info/179#4","사진 #4","_blank");
 obj.add_banner("http://hompy.info/attach/1/1195784232.png","http://hompy.info/179#5","사진 #5","_blank");
 obj.add_banner("http://hompy.info/attach/1/1342744226.jpg","http://hompy.info/179#6","사진 #6","_blank");
 obj.add_banner("http://hompy.info/attach/1/1290697956.jpg","http://hompy.info/179#7","사진 #7","_blank");
 obj.add_banner("http://hompy.info/attach/1/1323206309.jpg","http://hompy.info/179#8","사진 #8","_blank");
 obj.add_banner("http://hompy.info/attach/1/1221839979.jpg","http://hompy.info/179#9","사진 #9","_blank");
 obj.add_banner("http://hompy.info/attach/1/1348078903.png","http://hompy.info/179#10","사진 #10","_blank");
 obj.add_banner("http://hompy.info/attach/1/1389674041.png","http://hompy.info/179#11","사진 #11","_blank");
 obj.add_banner("http://hompy.info/attach/1/1204919872.jpg","http://hompy.info/179#12","사진 #12","_blank");
 obj.add_banner("http://hompy.info/attach/1/1015707056.jpg","http://hompy.info/179#13","사진 #13","_blank");
 obj.add_banner("http://hompy.info/attach/1/1139032860.jpg","http://hompy.info/179#14","사진 #14","_blank");
 obj.play();
}
</script>
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
 <td width="20" class="select_direction" onclick="do_left();return false;" align=right>◁</td>
 <td class="slider_td" style="background-color:#111111">
  <ul class="slider_ul" id="slider_show"></ul>
 </td>
 <td width="20" class="select_direction" onclick="do_right();return false;">▷</td>
</tr>
</table>
<script>
play_game("left");
</script>
</BODY>
</HTML>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. david 2011/11/03 11:01  댓글주소  수정/삭제  댓글쓰기

    이미지 스크롤 스크립트 관련 질문입니다...이미지 스크롤 스크립트에서 이미지 사이즈를 키우게 되면 이미지가 6개 정도만 나오고 롤링이 멈추어버리는데 무슨 문제인지 모르겠네요...아시는 분 알려주시기 바랍니다..감사합니다..

  2. mikali 2009/12/18 18:24  댓글주소  수정/삭제  댓글쓰기

    역시 자바.. 못따라가요..ㅠㅠ 감사합니다.

  3. 비밀방문자 2009/10/09 15:56  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

  4. 와웅 2009/06/26 21:30  댓글주소  수정/삭제  댓글쓰기

    감사합니다

  5. brave 2009/06/23 17:47  댓글주소  수정/삭제  댓글쓰기

    감사합니다...

  6. 뮤직바 2009/03/18 14:17  댓글주소  수정/삭제  댓글쓰기

    급하게 스크립트소스가 필요했는데... 손볼 필요도 없이 딱 원하는 내용이네요.
    감사히 담아갑니다.

  7. skj 2009/02/27 17:30  댓글주소  수정/삭제  댓글쓰기

    우와 짱~~~

    자바스크립트는 넘 어려워요!~~~ㅜ ㅜ

  8. yik 2008/12/10 08:35  댓글주소  수정/삭제  댓글쓰기

    감사히 담아갑니다. 프로그램에는 꽝인 디자이너입니다. 좋은 소스로 열심히 공부를!! ㅋ 좋은 하루 보내시길 바랍니다.^^

포털 이미지 검색해서 찾아낸 귀여운 원더걸스 단체사진 13장입니다. 이미지 검색으로 이쁜 이미지 찾는 것이 취미중에 하나인데 좀더 이쁘고 귀엽고 섹시한 이미지를 찾아볼까요? 어딘가에 주제에 맞게 퀄리티 높은 이미지들만 잘 모아둔 사이트가 있을텐데 아직 찾지 못했습니다.^^

 



























웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 비밀방문자 2009/10/18 21:22  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

  2. nob 2007/12/20 20:48  댓글주소  수정/삭제  댓글쓰기

    3번째 사진 리싸이즈가 안됬네요..

스타크래프트2 유닛 움짤 만들기 해봤습니다. 강습병, 거신, 관측선, 광전사, 모선, 모함, 바이킹, 밴시, 불사신, 불사조, 암흑기사단, 위상분광기, 유령, 전투순양함, 차원폭격기, 추적자, 토르, 해병, 황혼집정관 순서로 보실 수 있습니다. 스타크래프트2 홈페이지에 있는 플래시 유닛 동영상을 캡쳐해서 애니메이션 GIF 로 만들어 봤습니다. 아직 저그 유닛이 공개되지 않아서 저그 유닛들은 없습니다. 동영상을 캡쳐해서 애니메이션 GIF 로 만드는 것도 은근히 재미있군요. 시간내서 요즘 최고의 인기를 누리고 있는 소녀 그룹 소녀시대와 원더걸스 움짤도 만들어봐야겠어요.^^



웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. enemy 2010/10/28 19:12  댓글주소  수정/삭제  댓글쓰기

    토르 짤 퍼갈게여 감사합니다

  2. 스타 2010/08/20 14:44  댓글주소  수정/삭제  댓글쓰기

    퍼가요

  3. 감프 2010/05/28 23:44  댓글주소  수정/삭제  댓글쓰기

    감사함니다. 퍼가요

  4. 라빌 2009/07/25 23:35  댓글주소  수정/삭제  댓글쓰기

    http://blog.naver.com/asc731

  5. 라빌 2009/07/25 23:32  댓글주소  수정/삭제  댓글쓰기

    퍼갈게요

사용자 삽입 이미지

블로그나 홈페이지를 번역 페이지로 연결해주는 번역 버튼 이미지를 교체했습니다. 만국기 이미지를 공개해놓은 홈페이지에서 가져와서 버튼 이미지로 사용했었는데 저작권 문제를 지적하는 사람이 있다고 해서 웹디자이너의 도움을 받아 수정했습니다. 저작권 문제를 떠나서 아무리 이쁜 이미지라도 계속 보면 실증 나는 법이니 새로운 것으로 교체할 시기가 되기도 했습니다. 차후에는 움직이는 이미지로도 바꿔볼까 생각중입니다. 자신의 블로그나 홈페이지 글을 외국인에게도 보여주고 싶다면 번역 버튼을 달아보세요. 사용법을 알고 싶으시면 [번역버튼 사용법]을 참고하세요.



[번역버튼 플래시 HTML 태그 소스]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="60"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=180 height=60 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info"></EMBED></object>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="108" height="36"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=108 height=36 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info"></EMBED></object>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info"></EMBED></object>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. ziwoogae 2007/11/23 02:40  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 유용하게 사용하겠습니다^^

  2. 장영호 2007/11/20 17:08  댓글주소  수정/삭제  댓글쓰기

    이곳을 즐겨찾기로 등록해두었습니다..

    리뉴얼중에 있어서요...http://praises.webzero.kr/ccm4.php
    잘쓰고 있습니다...꾸벅
    그전에 버전으로 번역기가 잘 돌아갔던 것 같은데..변경되고 나서는 번역이 되지 않네요..
    이곳도 마찬가지네요...한번 체크해주세요...
    ------앗 이곳은 다시 잘되는군요..근데 전 일본어버전은 잘되는데 영어버전은 왜 안될까요(서버에러)

    • 웹프로그래머 2007/11/21 09:22  댓글주소  수정/삭제

      구글 자체 문제가 있었던 것 같군요. 앞으로 자주 놀러오세요.^^

  3. 페니웨이™ 2007/11/20 10:09  댓글주소  수정/삭제  댓글쓰기

    좋은 블로그 하나 발견했네요^^ 감사합니다^^

    • 웹프로그래머 2007/11/21 09:23  댓글주소  수정/삭제

      좋은 블로그라고 해주셔서 감사드립니다. 말씀대로 좋은 블로그가 되도록 노력해야겠네요.

  4. 라디오키즈 2007/11/20 10:07  댓글주소  수정/삭제  댓글쓰기

    수정된 버튼 잘 쓰고 있습니다.^^*

같이 일하는 동료 기자분들이 사진에 워터마크를 간편하게 찍을 수 있는 툴이 필요하다고 해서 검색을 하다보니 쓸만한 툴이 하나 보이더군요. 사진 크기 조절과 워터마크 삽입을 간편하게 일괄 처리 해주는 무료 프로그램 VSO Image Resizer 라는 툴입니다.
첨부된 프로그램을 설치하고 실행하면 사진 또는 이미지를 선택 하게 되어 있고 사진들을 정하고 나면 아래와 같은 화면이 나옵니다.
사용자 삽입 이미지

Resolution 옆에 More 를 클릭하면 아래 화면처럼 펼쳐지며...
사용자 삽입 이미지

Intergrate watermark 를 체크하고 Watermark 를 클릭해서 이미지를 선택하면 사진에 자신만의 로고나 이미지를 찍을 수 있습니다. 사진 포멧, 해상도나 품질등을 변경하고 Ok 버튼을 누르면 선택한 사진들에 나만의 도장(워터마크)를 찍어주며 이미지도 변환해줍니다.
사진이나 이미지를 대량으로 관리해야 하는 사람들은 가볍게 사용할 수 있는 툴이네요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 달콤해 2010/04/16 14:08  댓글주소  수정/삭제  댓글쓰기

    감사히 담아가요^^

  2. 진교선 2010/03/20 16:40  댓글주소  수정/삭제  댓글쓰기

    감사합니다.모셔갑니다.

  3. 손님 2009/08/06 16:20  댓글주소  수정/삭제  댓글쓰기

    감사히 쓰겠습니당- ㅎ

  4. 윤승영 2009/07/23 01:29  댓글주소  수정/삭제  댓글쓰기

    감사히 받아갑니다. 잘쓸께요.

  5. 권과노 2009/04/12 21:02  댓글주소  수정/삭제  댓글쓰기

    감사합니다.한게건져다

  6. 염준헌 2008/02/23 11:45  댓글주소  수정/삭제  댓글쓰기

    감사합니다~ 저도 담아갑니다.

  7. 김정수 2007/12/11 22:44  댓글주소  수정/삭제  댓글쓰기

    받아갑니다.

사진첩(갤러리)을 위한 플래시로 만들어진 몇가지 악세사리입니다.
사진첩에서는 홈페이지 영역을 좀더 적게 차지하면서 보다 효율적으로 다양한 게시물을 노출시키는 것이 때론 중요합니다. 아래와 같은 이미지 슬라이더들이 그 역할을 충분히 할 수 있지요. 게시판이나 갤러리 등에도 활용될 수 있지만 다른 카페나 커뮤니티 게시판을 통해 자신의 블로그나 카페를 자연스럽게 홍보하는 도구로 활용될 수 있습니다. 슬라이더에 필요한 이미지나 그것을 클릭하면 이동할 URL 링크들은 직접 설정할 수 있도록 되어 있으니 직접 활용해 볼 수 있습니다. HTML 태그에 대한 지식이 있는 분들은 아래 HTML 소스 코드를 보시면 사용하는 법을 아실 것입니다. 링크와 이미지를 설정할때 URL 인코드 시키는 것과 링크와 이미지에 세미콜론(;) 이 들어가지 않도록 주의해서 사용하시면 문제 없이 사용할 수 있습니다. 아래 플래시들은 실제 커뮤니티 게시판에 활용되던 샘플입니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.





[갤러리용 플래시 악세서리 HTML 소스 코드]

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="2" bgcolor="#999999"></td>
    <td width="8" bgcolor="#666666"></td>
    <td bgcolor="#ececec" align=center height=108 valign=bottom>
    <table cellpadding="0" cellspacing="0" border="0"><tr><td align=middle><table><tr><td><embed src="http://www.mud4u.com/new/widget/flash/imageslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="580" height="100" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26165.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26164.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26163.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26162.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26160.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26161.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26154.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26153.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26152.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26122.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26121.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26123.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26125.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26124.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26112.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26111.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26110.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26020.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26021.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26022.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26003.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26002.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25929.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25928.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25926.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25927.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25835.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25813.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25814.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25618.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25617.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25616.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25552.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25551.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25550.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25520.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25519.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25484.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25483.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25249.thumb_gallery_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26165%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26164%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26163%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26162%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26160%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26161%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26154%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26153%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26152%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26122%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26121%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26123%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26125%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26124%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26112%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26111%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26110%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26020%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26021%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26022%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26003%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26002%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25929%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25928%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25926%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25927%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25835%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25813%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25814%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25618%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25617%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25616%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25552%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25551%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25550%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25520%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25519%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25484%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25483%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25249%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8&memo=%ED%95%9C%EA%B3%A0%EC%9D%80+%EC%9E%90%EB%A7%A4%2C+%EC%96%B8%EB%8B%88%EB%8F%84+%EB%AF%B8%EC%BD%94%EC%B6%9C%EC%8B%A0%21;%E2%80%98%EC%8A%A4%EC%9C%84%ED%8A%B8%EA%B1%B8%EC%A6%88%E2%80%99%ED%99%A9%EC%98%81%EC%95%84;%EB%AA%B8%EB%A7%A4%EC%9E%90%EB%9E%91+%EC%9C%A4%EC%9D%80%ED%98%9C;%EB%8C%80%ED%91%9C%EC%96%BC%EC%A7%B1+%EC%95%84%EB%82%98%EC%9A%B4%EC%84%9C;%EC%8A%A4%ED%83%80%EB%93%A4%EC%9D%98+%ED%95%9C%EC%84%B9%EC%8B%9C%ED%95%98%EB%8A%94+%EB%AA%A8%EC%8A%B5%EB%93%A4%26lt%3Abr%26gt%3A;%EC%8A%A4%ED%83%80%EB%93%A4%EC%9D%98+%ED%95%9C%EC%84%B9%EC%8B%9C%ED%95%98%EB%8A%94+%EB%AA%A8%EC%8A%B5%EB%93%A4+%EB%91%90%EB%B2%88%EC%A7%B8;LPG;%EA%B9%80%EC%82%AC%EB%9E%91;%EA%B3%A0%EC%95%84%EB%9D%BC;%EA%B9%80%ED%98%9C%EC%88%98+%EC%95%84%EC%B0%94%ED%95%9C+%ED%8C%A8%EC%85%98;%EC%9C%A4%EC%9D%80%ED%98%9C+%EC%83%9D%EC%96%BC%EA%B3%BC+%EC%86%8D%EC%98%B7%EC%9E%85%EC%9D%80+%EC%82%AC%EC%A7%84%EB%93%A4...%26lt%3Abr%26gt%3A;%EC%9E%A5%ED%9D%AC%EC%A7%84+%EC%84%B9%EC%89%AC%ED%99%94%EB%B3%B4..;%ED%8F%AD%EC%8B%9C+%EC%84%B8%EB%AF%B8+%EB%88%84%EB%93%9C;%EB%B0%95%EC%B1%84%EA%B2%BD+%EC%9A%94%EC%A6%98%EB%B3%B4%EA%B8%B0%EB%93%9C%EB%AC%B8+%EA%B8%80%EB%9E%98%EB%A8%B8.;LPG;%EA%B9%80%EC%82%AC%EB%9E%91;%EA%B3%A0%EC%95%84%EB%9D%BC;%EC%95%84%EC%9D%B4%EB%B9%84+%EB%9E%80%EC%A0%9C%EB%A6%AC+%ED%99%94%EB%B3%B4...;%EA%B9%80%EC%9D%B8%EC%84%9C+%EC%84%B9%EC%89%AC%ED%99%94%EB%B3%B4..;%EC%97%B0%EC%98%88%EC%9D%B8%EB%93%A4%EC%9D%98+%EC%84%B9%2A%2A%EC%8B%9C%ED%8F%AC%EC%A6%88;%EC%97%B0%EC%98%88%EC%9D%B8%EB%93%A4%EC%9D%98+%EC%83%89%2A%2A%EC%8B%9C%ED%8F%AC%EC%A6%88+%EB%91%90%EB%B2%88%EC%A7%B8;%EC%97%AC%EC%9E%90+%EC%97%B0%EC%98%88%EC%9D%B8+%EA%B3%BC%EA%B1%B0%EC%99%80+%EC%98%A4%EB%8A%98...;%EC%98%A4%EB%9E%9C%EB%A7%8C%EC%97%90+%EC%9D%B4%EB%B3%B4%EC%98%81%7E+%26lt%3Abr%26gt%3A;%EC%A0%95%EC%9A%B0%EC%84%B1-%EC%86%A1%EA%B0%95%ED%98%B8-%EC%9D%B4%EB%B3%91%ED%97%8C+%EB%86%88%EB%86%88%EB%86%88+%EC%8A%A4%ED%8B%B8%EC%BB%B7;%EC%95%9E%EB%A8%B8%EB%A6%AC+%EC%9E%90%EB%A5%B8+%EC%A0%84%EC%A7%80%ED%98%84;%EB%B3%B4%EB%A9%B4+%EB%B3%BC+%EC%88%98%EB%A1%9D+%EA%B7%80%EC%97%AC%EC%9A%B4%EB%93%AF..+%EB%B0%95%EB%AF%BC%EC%98%81;%ED%95%9C%EC%98%88%EC%8A%AC;%EC%A0%84%EC%A7%80%ED%98%84;%EB%B0%95%ED%95%9C%EB%B3%84;%EB%B6%80%EC%82%B0%EA%B5%AD%EC%A0%9C%EC%98%81%ED%99%94%EC%A0%9C+%EA%B9%80%EC%86%8C%EC%97%B0+%EB%93%9C%EB%A0%88%EC%8A%A4;%EB%B6%80%EC%82%B0%EA%B5%AD%EC%A0%9C%EC%98%81%ED%99%94%EC%A0%9C+%EA%B9%80%EC%86%8C%EC%97%B0;%EC%95%84%EC%9D%B4%EB%B9%84;%EC%A0%84%EC%A7%80%ED%98%84;%EC%95%84%EC%9D%B4%EB%B9%84;%EA%B6%8C%EC%83%81%EC%9A%B0;%EA%B0%95%EB%8F%99%EC%9B%90;%EB%AC%B8%EA%B7%BC%EC%98%81;%EC%97%B0%EC%98%88%EC%9D%B8;%EA%B9%80%ED%83%9C%ED%9D%AC;%EB%B2%A0%EB%B3%B5+%EC%9D%B4%ED%9D%AC%EC%A7%84+%EC%83%81%ED%81%BC+%EB%AF%B8%EC%86%8C" wmode=transparent></embed></td></tr></table></td></tr></table>
    </td>
    <td width="8" bgcolor="#666666"></td>
    <td width="2" bgcolor="#999999"></td>
  </tr>
</table>
<br> <table border=0 cellpadding=2 cellspacing=0 bgcolor=#cccccc><tr><td height=6 colspan=5></td></tr><tr><td width=2></td><td align=center bgcolor=#ffffff>
<embed src="http://www.mud4u.com/new/widget/flash/blog1slider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F729.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F734.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F737.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F728.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F733.thumb_gameshot_best_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D729%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D734%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D737%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D728%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D733%26" wmode=transparent></embed></td><td width=2></td><td bgcolor=#ffffff>
<embed src="http://www.mud4u.com/new/widget/flash/blog2slider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F729.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F734.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F737.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F728.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F733.thumb_gameshot_best_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D729%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D734%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D737%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D728%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D733%26" wmode=transparent></embed></td><td width=2></td><td bgcolor=#ffffff>
<embed src="http://www.mud4u.com/new/widget/flash/blog3slider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F729.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F734.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F737.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F728.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F733.thumb_gameshot_best_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D729%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D734%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D737%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D728%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D733%26" wmode=transparent></embed></td><td width=2></td></tr><tr><td height=6 colspan=5></td></tr></table>
<br>
<table border=0 cellpadding=2 cellspacing=0 bgcolor=#cccccc><tr><td height=6 colspan=5></td></tr><tr><td width=2></td><td align=center bgcolor=#ffffff><embed src="http://www.mud4u.com/new/widget/flash/photoslider400x200.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="200" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_story_mi%2F988168130_cb6fe734_1023_w.jpg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_story_mi%2F988168130_0c56dbd4_1011_m.gif;http://www.mud4u.com/new%2Fdata%2Ffile%2Fgameweek%2F988168130_7089e82b_1025_w.jpg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fgameweek%2F988168130_1d694305_1018_w.gif&page=http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_story_mi%26wr_id%3D2127%26m_ca%3Dwaagle;http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_story_mi%26wr_id%3D2121%26m_ca%3Dwaagle;http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dgameweek%26wr_id%3D331%26m_ca%3Dwaagle;http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dgameweek%26wr_id%3D328%26m_ca%3Dwaagle" wmode=transparent></embed></td><td width=2></td></tr><tr><td height=6 colspan=5></td></tr></table>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. dlstn284 2011/08/19 21:38  댓글주소  수정/삭제  댓글쓰기

    이런 걸루요 카트라이더 길드홈피 꾸밀수 잇나요??

  2. 유범수 2008/11/07 16:35  댓글주소  수정/삭제  댓글쓰기

    3개의 플래시중 제일 아래플레시 target을 self로 화면을 뜨게 하고싶은데 현재 상황에서 제가 편집할수 있는 방법은 없나요?

  3. 코티 2008/07/22 16:23  댓글주소  수정/삭제  댓글쓰기

    머드포유 에 링크가 된 것이라 머드포유 서버 정검이 풀리면 되는건가 보네요^^

  4. 코티 2008/07/22 16:06  댓글주소  수정/삭제  댓글쓰기

    홈페이지 트레픽 문제인지 플레쉬 갤러리 부분이 다 안되네요
    이제 겨우 수정해서 사용하려고 했었는데 ㅡ.ㅜ

    플래쉬 만든것은 업로드 어떻게 할수 있나요?

  5. HFK 2007/10/29 09:35  댓글주소  수정/삭제  댓글쓰기

    FLA 파일이 없어도 상관 없는 것인가요?

기존에 직접 내용을 설정할 수 있는 가로 스크롤 전광판과 슬라이더를 소개했었습니다. 오늘 잠깐 손을 봐서 세로 스크롤 전광판과 슬라이더를 추가 했습니다. 전광판과 슬라이더에 대해서 잘 모르시는 분들은 위젯 위에 마우스를 올리고 오른쪽 클릭을 하시면 위젯 설명 페이지로 이동할 수 있습니다. 심심한 페이지에 전광판이나 슬라이더를 써서 붙여 보면 좋을 듯 싶습니다.^^







[적용된 HTML 소스 샘플]
<TABLE cellSpacing=0 cellPadding=0 width=417 border=0><TR>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img1.gif" width=4></TD>
<TD background=http://www.mud4u.com/new/waagle/images/partner_s_img2.gif>
<DIV align=center><FONT color=#4a6897>
<embed src="http://www.mud4u.com/new/widget/flash/textshow400.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="30" flashvars="memo=%EC%99%80%EC%9A%B0+%EC%97%AC%EC%95%A0%EC%9D%B8+%EA%B5%AC%ED%95%B4%EB%B4%85%EB%8B%88%EB%8B%A4....%EB%93%9C%EB%A3%A8%EC%9D%B4%EB%93%9C%28%EC%9D%B4%EC%A6%88%EC%83%A4%EB%9D%BC%29%7E%7E%7E%7E%E2%99%A1;%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B2%8C%EC%8B%9C%ED%8C%90+%EC%98%A4%ED%94%88%EC%9D%84+%EA%B2%BD%EC%B6%95%ED%95%A9%EB%8B%88%EB%8B%A4.%5E%5E;%EB%A8%B8%EB%93%9C%ED%8F%AC%EC%9C%A0+%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B5%AC%ED%95%98%EA%B8%B0+%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%9E%85%EB%8B%88%EB%8B%A4.&amp;page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D3;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D2;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D1&amp;fontcolor=4A6897&amp;incolor=ffffff&amp;outcolor=F6F8F9&amp;style=3" wmode=transparent></embed>
</FONT></DIV></TD>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img3.gif" width=4></TD>
</TR></TABLE>

<br>

<embed src="http://www.mud4u.com/new/widget/flash/blogslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25755.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25754.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25781.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25741.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25753.thumb_best_wmg&amp;page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25755;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25754;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25781;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25741;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25753" wmode=transparent></embed>

<br>

<TABLE cellSpacing=0 cellPadding=0 width=417 border=0><TR>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img1.gif" width=4></TD>
<TD background=http://www.mud4u.com/new/waagle/images/partner_s_img2.gif>
<DIV align=center><FONT color=#4a6897>
<embed src="http://www.mud4u.com/new/widget/flash/textyshow400.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="30" flashvars="memo=%EC%99%80%EC%9A%B0+%EC%97%AC%EC%95%A0%EC%9D%B8+%EA%B5%AC%ED%95%B4%EB%B4%85%EB%8B%88%EB%8B%A4....%EB%93%9C%EB%A3%A8%EC%9D%B4%EB%93%9C%28%EC%9D%B4%EC%A6%88%EC%83%A4%EB%9D%BC%29%7E%7E%7E%7E%E2%99%A1;%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B2%8C%EC%8B%9C%ED%8C%90+%EC%98%A4%ED%94%88%EC%9D%84+%EA%B2%BD%EC%B6%95%ED%95%A9%EB%8B%88%EB%8B%A4.%5E%5E;%EB%A8%B8%EB%93%9C%ED%8F%AC%EC%9C%A0+%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B5%AC%ED%95%98%EA%B8%B0+%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%9E%85%EB%8B%88%EB%8B%A4.&amp;page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D3;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D2;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D1&amp;fontcolor=4A6897&amp;incolor=ffffff&amp;outcolor=F6F8F9&amp;style=3" wmode=transparent></embed>
</FONT></DIV></TD>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img3.gif" width=4></TD>
</TR></TABLE>

<br>

<embed src="http://www.mud4u.com/new/widget/flash/blogyslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25755.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25754.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25781.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25741.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25753.thumb_best_wmg&amp;page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25755;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25754;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25781;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25741;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25753" wmode=transparent></embed>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 비밀방문자 2011/03/16 12:30  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

게임 웹진 머드포유에 3가지 플래시 블로그 위젯을 적용했습니다. 머드포유 게임 뉴스기사를 공유할 수 있도록 플래시 북마크 꾸러미 위젯을 부착했으며, 와글 커뮤니티 메인에 플래시 전광판 위젯을 적용했고 갤러리 목록 베스트 이미지는 플래시 이미지 슬라이더 위젯을 활용했습니다.

아래 북마크 버튼은 "사상 초유 해커공격, 아이템거래 시장 초토화 상태"라는 기사를 북마크 합니다.
뉴스 기사 즐겨찾기(북마크) 공유

아래 전광판은 커뮤니티 와글 메인파트너 구하기 게시판 제목을 뿌려줍니다.

아래 이미지 슬라이더는 갤러리에 올라온 베스트 게시물을 뿌려줍니다.

[적용된 HTML 소스 샘플]

<TABLE width="580" bgColor=#efefef>
<TR align=center>
<TD><font style="font-size:12px">뉴스 기사 즐겨찾기(북마크) 공유</a></TD>
<TD align=right>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dgamejournal%26wr_id%3D2872&amp;title=사상 초유 해커공격, 아이템거래 시장 초토화 상태"></EMBED>
</TD></TR>
</TABLE>

<br>

<TABLE cellSpacing=0 cellPadding=0 width=417 border=0><TR>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img1.gif" width=4></TD>
<TD background=http://www.mud4u.com/new/waagle/images/partner_s_img2.gif>
<DIV align=center><FONT color=#4a6897>
<embed src="http://www.mud4u.com/new/widget/flash/textshow400.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="30" flashvars="memo=%EC%99%80%EC%9A%B0+%EC%97%AC%EC%95%A0%EC%9D%B8+%EA%B5%AC%ED%95%B4%EB%B4%85%EB%8B%88%EB%8B%A4....%EB%93%9C%EB%A3%A8%EC%9D%B4%EB%93%9C%28%EC%9D%B4%EC%A6%88%EC%83%A4%EB%9D%BC%29%7E%7E%7E%7E%E2%99%A1;%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B2%8C%EC%8B%9C%ED%8C%90+%EC%98%A4%ED%94%88%EC%9D%84+%EA%B2%BD%EC%B6%95%ED%95%A9%EB%8B%88%EB%8B%A4.%5E%5E;%EB%A8%B8%EB%93%9C%ED%8F%AC%EC%9C%A0+%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B5%AC%ED%95%98%EA%B8%B0+%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%9E%85%EB%8B%88%EB%8B%A4.&amp;page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D3;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D2;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D1&amp;fontcolor=4A6897&amp;incolor=ffffff&amp;outcolor=F6F8F9&amp;style=3" wmode=transparent></embed>
</FONT></DIV></TD>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img3.gif" width=4></TD>
</TR></TABLE>

<br>

<embed src="http://www.mud4u.com/new/widget/flash/blogslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25755.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25754.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25781.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25741.thumb_best_wmg;http://www.mud4u.com/new/%2Fdata%2Ffile%2Fwaagle_gallery%2F25753.thumb_best_wmg&amp;page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25755;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25754;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25781;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25741;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26m_ca%3Dwaagle%26wr_id%3D25753" wmode=transparent></embed>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 김성룡 2010/06/21 01:14  댓글주소  수정/삭제  댓글쓰기

    클릭해도 링크되지가 않네요??

플래시로 만들어진 이미지 슬라이더 위젯입니다. 원하는 이미지파일 또는 플래시파일 갯수만큼 슬라이드 영상을 만들어주며 링크도 연결해줍니다. 사용법은 아래 열거하는 플래시 HTML 태그를 응용해서 사용하시면 되는데 HTML 태그에서 빨간색 부분에 출력을 원하는 이미지나 플래시 파일 주소를 세미콜론(;)으로 구분해서 나열하면 되고 파란색 부분에 바로가기를 원하는 개별 URL 링크 주소를 세미콜론(;)으로 구분해서 나열하면 됩니다. 그리고 녹색 부분에 출력을 원하는 테두리와 배경색 값을 입력할 수 있고 굵은 검정색에 원하시는 위젯 크기를 입력하시면 됩니다. 플래시 이미지 슬라이더 위젯은 어떤 용도로 활용하는 것이 좋을까요? 블로그 장식용 악세사리나 블로그 홍보용 게시물에 사용할 수도 있겠군요. 혹시 써보시고 의견 있으시면 댓글 남겨주세요. 참고하겠습니다.





[플래시 이미지 슬라이더 위젯 HTML 태그]

<embed src="http://www.hompydesign.com/club/blogslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="200" flashvars="image=http://factor.kr/attachment/dn316.swf;http://factor.kr/attachment/cn321.swf;http://factor.kr/attachment/cn322.swf;http://factor.kr/attachment/dn317.swf&page=http://hompy.info/189;http://hompy.info/188;http://hompy.info/187;http://hompy.info/186"></embed>

<embed src="http://www.hompydesign.com/club/blogslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400" flashvars="image=http://cfs3.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMy50aXN0b3J5LmNvbTovYXR0YWNoLzMvMzE5LmpwZw==;http://cfs2.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzMvMzI0LmpwZw==;http://cfs2.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzMvMzI1LmpwZw==;http://cfs3.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMy50aXN0b3J5LmNvbTovYXR0YWNoLzMvMzIxLmpwZw==&outcolor=483D8B&incolor=FFD700&page=http://hompy.info/189;http://hompy.info/188;http://hompy.info/187;http://hompy.info/186"></embed>

* 플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.

* 배경이나 테두리색을 고를때 색상을 보다 쉽게 찾기 원하시면 색상코드표를 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 이좀비 2010/07/26 16:47  댓글주소  수정/삭제  댓글쓰기

    와우 꼭 필요했던것인데 이렇게 편하게 소스까지 공개해주시고..
    정말 감사드립니다 ~ㅎ 복받으실거에요 ㅋ
    헌데 이미지 크기 줄일수있는 태그가 안먹히네요;(플래시창크기 말고 이미지크기)
    width="400" height="400" 이렇게 넣으면 로딩이 안되던데 뭔가 잘못된건가요

워크래프트3(warcraft3) 유닛 움직이는 이미지(애니메이션 GIF) 60여종입니다. 아마 빠진 유닛도 있을 겁니다. 맘에 드는 유닛을 골라보세요.

[Heroes of Human]
Paladin, Archmage, Mountain King, Blood Mage

[Units of Human]
Peasant, Militia, Footman, Rifleman, Knight, Priest, Sorceress, Spell Breaker, Flying Machine, Mortar Team, Siege Engine, Gryphon Rider, Dragonhawk Rider, Water Elemental, Phoenix

[Heroes of Orc]
Blademaster, Far Seer, Tauren Chieftain, Shadow Hunter

[Units of Orc]
Peon, Grunt, Troll Headhunter, Troll Berserker, Demolisher, Shaman, Witch Doctor, Spirit Walker, Raider, Kodo Beast, Wind Rider, Troll Batrider, Tauren, Spirit Wolf, Dire Wolf, Shadow Wolf, Serpent Ward

[Heroes of Night Elf]
Demon Hunter, Keeper of the Grove, Priestess of the Moon, Warden

[Units of Night Elf]
Wisp, Archer, Huntress, Glaive Thrower, Dryad, Druid of the Claw, Mountain Giant, Hippogryph, Druid of the Talon, Faerie Dragon, Hippogryph Rider, Chimaera, Treant, Owl, Avatar of Vengeance, Spirit of Vengeance

[Heroes of Undead]
Death Knight, Dread Lord, Lich, Crypt Lord

[Units of Undead]
Acolyte, Ghoul, Crypt Fiend, Gargoyle, Abomination, Meat Wagon, Necromancer, Banshee, Frost Wyrm, Shade, Skeleton Warrior, Skeletal Mage, Infernal, Carrion Beetle, Obsidian Statue, Destroyer


사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. twins 2009/10/02 13:55  댓글주소  수정/삭제  댓글쓰기

    좀 써도 될까요???

  2. nob 2007/07/17 02:03  댓글주소  수정/삭제  댓글쓰기

    혹시 워크 하시나요 ㅎ 저두 워크 카오스 하는데

블리자드 스타크래프트(starcraft) 게임 캐릭터와 게임 배경 관련 이미지들입니다. 그림 크기는 1024 x 768 사이즈이며 바탕화면으로 쓰셔도 괜찮을 것 같습니다. 스타크래프트는 출시 이후 꾸준히 즐겨했던 게임이며 아직도 가끔 게임을 하면 처음 게임할 때 그 맛이 나는 명작 게임이라고 생각합니다. 게임을 직접 하지 않더라도 게임 방송에서 스타크래프트 대회를 관전하고 있으면 프로게이머들의 현란한 손동작과 기발한 전략/전술을 보는 재미도 쏠쏠합니다. 아직까지도 게임 방송에서 단연 인기 게임으로 자리잡고 있으며 그 열기가 식을 줄 모르는 와중에 스타크래프트2 라는 차기 버젼에 대한 소식에 많은 스타크래프트 유져들을 흥분하게 하고 있지요. 스타크래프트의 인기가 얼마나 가게 될지 스타크래프트2의 출현으로 게임 시장에 미칠 파장이 얼마나 크게 다가올지 사뭇 궁금해집니다.



사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 양깡 2007/07/16 11:44  댓글주소  수정/삭제  댓글쓰기

    게임은 못하지만, (하긴 하는데 너무 못해서 같이 안하려고 하더군요) 게임 방송은 즐겨 보고 있습니다.

    바탕화면이 시커먼데 하나 깔아야겠습니다. 감사합니다.

아도브사(adobe)의 플래시(flash) 관련 이미지와 로그들을 모았습니다. 에어(AIR)라고 불리는 아폴로(apollo) 이미지도 2종 있습니다. 플래시 관련 포스팅을 하시고 대표 이미지를 선택해야 할 때 쓰면 괜찮습니다. 이쁜 것들도 있고 무난한 것들도 있고 아주 작은 아이콘도 있습니다. 제가 플래시 매니아(?)인 관계로 플래시 관련 이미지들을 찾다가 모아둔 것입니다. 괜찮은 플래시 이미지들을 가지고 계신 분들은 살짝 흘려 놓고 가세요.^^

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

인터넷,HTML,포토샵,플래시 등에 사용되는 색상표와 코드번호(COLOR CODE)입니다. 필요한 색상 코드가 위치한 셀에서 클릭하시면 클립보드로 복사됩니다. 블로그 스킨이나 홈페이지 디자인 색상을 바꿀때, 포토샵에서 이미지 색상을 바꿀때, 플래시에서 무비클립이나 드로잉 오브젝트 등의 색상을 바꿀때 많이 보는 색상 코드들입니다. 넓게 한 화면에서 보시려면 아래 링크를 클릭해서 보시면 됩니다. PHP 와 자바스크립트를 사용하여 색상 DB를 데이타베이스에서 가져와 출력해주는 형태로 구성한 페이지입니다.
http://www.hompydesign.com/club/html_color_code.php
HTML COLOR CODE
red #FF0000 0xFF0000
crimson #DC143C 0xDC143C
firebrick #B22222 0xB22222
maroon #800000 0x800000
darkred #8B0000 0x8B0000
brown #A52A2A 0xA52A2A
sienna #A0522D 0xA0522D
saddlebrown #8B4513 0x8B4513
indianred #CD5C5C 0xCD5C5C
rosybrown #BC8F8F 0xBC8F8F
lightcoral #F08080 0xF08080
salmon #FA8072 0xFA8072
darksalmon #E9967A 0xE9967A
coral #FF7F50 0xFF7F50
tomato #FF6347 0xFF6347
sandybrown #F4A460 0xF4A460
lightsalmon #FFA07A 0xFFA07A
peru #CD853F 0xCD853F
chocolate #D2691E 0xD2691E
orangered #FF4500 0xFF4500
orange #FFA500 0xFFA500
darkorange #FF8C00 0xFF8C00
tan #D2B48C 0xD2B48C
peachpuff #FFDAB9 0xFFDAB9
bisque #FFE4C4 0xFFE4C4
moccasin #FFE4B5 0xFFE4B5
navajowhite #FFDEAD 0xFFDEAD
wheat #F5DEB3 0xF5DEB3
burlywood #DEB887 0xDEB887
darkgoldenrod #B8860B 0xB8860B
goldenrod #DAA520 0xDAA520
gold #FFD700 0xFFD700
yellow #FFFF00 0xFFFF00
lightgoldenrodyellow #FAFAD2 0xFAFAD2
palegoldenrod #EEE8AA 0xEEE8AA
khaki #F0E68C 0xF0E68C
darkkhaki #BDB76B 0xBDB76B
lawngreen #7CFC00 0x7CFC00
greenyellow #ADFF2F 0xADFF2F
chartreuse #7FFF00 0x7FFF00
lime #00FF00 0x00FF00
limegreen #32CD32 0x32CD32
yellowgreen #9ACD32 0x9ACD32
olive #808000 0x808000
olivedrab #6B8E23 0x6B8E23
darkolivegreen #556B2F 0x556B2F
forestgreen #228B22 0x228B22
darkgreen #006400 0x006400
green #008000 0x008000
seagreen #2E8B57 0x2E8B57
mediumseagreen #3CB371 0x3CB371
darkseagreen #8FBC8F 0x8FBC8F
lightgreen #90EE90 0x90EE90
palegreen #98FB98 0x98FB98
springgreen #00FF7F 0x00FF7F
mediumspringgreen #00FA9A 0x00FA9A
teal #008080 0x008080
darkcyan #008B8B 0x008B8B
lightseagreen #20B2AA 0x20B2AA
mediumaquamarine #66CDAA 0x66CDAA
cadetblue #5F9EA0 0x5F9EA0
steelblue #4682B4 0x4682B4
aquamarine #7FFFD4 0x7FFFD4
powderblue #B0E0E6 0xB0E0E6
paleturquoise #AFEEEE 0xAFEEEE
lightblue #ADD8E6 0xADD8E6
lightsteelblue #B0C4DE 0xB0C4DE
skyblue #87CEEB 0x87CEEB
lightskyblue #87CEFA 0x87CEFA
mediumturquoise #48D1CC 0x48D1CC
turquoise #40E0D0 0x40E0D0
darkturquoise #00CED1 0x00CED1
aqua #00FFFF 0x00FFFF
cyan #00FFFF 0x00FFFF
deepskyblue #00BFFF 0x00BFFF
dodgerblue #1E90FF 0x1E90FF
cornflowerblue #6495ED 0x6495ED
royalblue #4169E1 0x4169E1
blue #0000FF 0x0000FF
mediumblue #0000CD 0x0000CD
navy #000080 0x000080
darkblue #00008B 0x00008B
midnightblue #191970 0x191970
darkslateblue #483D8B 0x483D8B
slateblue #6A5ACD 0x6A5ACD
mediumslateblue #7B68EE 0x7B68EE
mediumpurple #9370DB 0x9370DB
darkorchid #9932CC 0x9932CC
darkviolet #9400D3 0x9400D3
blueviolet #8A2BE2 0x8A2BE2
mediumorchid #BA55D3 0xBA55D3
plum #DDA0DD 0xDDA0DD
lavender #E6E6FA 0xE6E6FA
thistle #D8BFD8 0xD8BFD8
orchid #DA70D6 0xDA70D6
violet #EE82EE 0xEE82EE
indigo #4B0082 0x4B0082
darkmagenta #8B008B 0x8B008B
purple #800080 0x800080
mediumvioletred #C71585 0xC71585
deeppink #FF1493 0xFF1493
fuchsia #FF00FF 0xFF00FF
magenta #FF00FF 0xFF00FF
hotpink #FF69B4 0xFF69B4
palevioletred #DB7093 0xDB7093
lightpink #FFB6C1 0xFFB6C1
pink #FFC0CB 0xFFC0CB
mistyrose #FFE4E1 0xFFE4E1
blanchedalmond #FFEBCD 0xFFEBCD
lightyellow #FFFFE0 0xFFFFE0
cornsilk #FFF8DC 0xFFF8DC
antiquewhite #FAEBD7 0xFAEBD7
papayawhip #FFEFD5 0xFFEFD5
lemonchiffon #FFFACD 0xFFFACD
beige #F5F5DC 0xF5F5DC
linen #FAF0E6 0xFAF0E6
oldlace #FDF5E6 0xFDF5E6
lightcyan #E0FFFF 0xE0FFFF
aliceblue #F0F8FF 0xF0F8FF
whitesmoke #F5F5F5 0xF5F5F5
lavenderblush #FFF0F5 0xFFF0F5
floralwhite #FFFAF0 0xFFFAF0
mintcream #F5FFFA 0xF5FFFA
ghostwhite #F8F8FF 0xF8F8FF
honeydew #F0FFF0 0xF0FFF0
seashell #FFF5EE 0xFFF5EE
ivory #FFFFF0 0xFFFFF0
azure #F0FFFF 0xF0FFFF
snow #FFFAFA 0xFFFAFA
white #FFFFFF 0xFFFFFF
gainsboro #DCDCDC 0xDCDCDC
lightgrey #D3D3D3 0xD3D3D3
silver #C0C0C0 0xC0C0C0
darkgray #A9A9A9 0xA9A9A9
lightslategray #778899 0x778899
slategray #708090 0x708090
gray #808080 0x808080
dimgray #696969 0x696969
darkslategray #2F4F4F 0x2F4F4F
black #000000 0x000000
웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 비밀방문자 2011/08/19 21:40  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

  2. 차니파파 2010/03/04 10:01  댓글주소  수정/삭제  댓글쓰기

    좋은자료 감사합니다.

  3. 레메디오스 2010/02/25 14:14  댓글주소  수정/삭제  댓글쓰기

    너무 좋은자료 감사합니다. 제 블로그에 퍼갈게요.

  4. spandard 2009/12/30 01:21  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 제 블로그에 비공개로 스크랩하고싶어요.

  5. ^^ 2009/12/17 23:19  댓글주소  수정/삭제  댓글쓰기

    감사합니다... 넘 유용한 자료예요..^^

  6. 프리 2009/11/17 17:45  댓글주소  수정/삭제  댓글쓰기

    제블로그로 비공개 스크랩 해갈께여~ 감사합니다^^

  7. 크리스 2009/11/17 13:59  댓글주소  수정/삭제  댓글쓰기

    블로그에 출처밝히고 퍼갈게요^^ 감사합니다^^

  8. 이규동 2009/11/14 11:11  댓글주소  수정/삭제  댓글쓰기

    ㄳ 함미다

  9. 부니 2009/10/01 10:07  댓글주소  수정/삭제  댓글쓰기

    잘쓰겠습니다.

  10. H 2009/07/17 11:26  댓글주소  수정/삭제  댓글쓰기

    좋은 자료 감사합니다.
    출처를 밝히고 퍼가겠습니다.

  11. piera 2009/05/29 15:30  댓글주소  수정/삭제  댓글쓰기

    좋은 자료 정말 잘쓰겠습니당^^,,
    가끔가다가 스킨 편집할때 유용하겠네요

  12. 참치보살 2009/02/02 10:27  댓글주소  수정/삭제  댓글쓰기

    제 블로그에 비공개로 담아가도 될까요?
    너무 유용한 자료인것 같아서요.
    감사합니다!

  13. 파란토마토 2008/02/04 09:43  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 저도 너무 불편해서 한참 찾았는데 여길 발견했네요.
    제 블로그에 좀 빌려다 놓을게요.

  14. holdingu 2007/08/17 09:59  댓글주소  수정/삭제  댓글쓰기

    제 페이지에 링크 좀 할게요.
    제가 기존에 쓰던 색상표보다 유용할 것 같아요.

  15. 오리에 2007/05/27 16:42  댓글주소  수정/삭제  댓글쓰기

    좋은 자료 감사합니다^^ 꾸벅~~~!~!

얼마전에 플래시와 php로 포토 라이브러리 라는 물건을 만들었는데 눈에 띄는 기능 개선을 했다. 실시간 업로드, 다운로드에 단어 댓글을 쓸수 있고 현재 사용자들의 무한 이미지 맵상 위치를 알려준다. 실시간으로 클릭수와 이미지와 댓글이 변할 수 있다. 그래서 같은 맵에서는 이미지와 단어로 실시간 의사 전달이 가능하다.
플래시 자체가 다중업로드가 가능하므로 복수 자료 업로드 기능을 추가 할 수 있지만 보류다. 앞으로 올린 사진을 가볍게 편집할 수 있는 기능이 추가 될 수 있다. 사진 즐기는 사람들 간에 대화를 즐기도록 채팅이 추가될 수도 있고 검색 기능을 추가될 수도 있다. 플래시 파일도 업로드하게해 플래시도 공유하게 될수 있다.
2차원 맵인데 3차원으로 확장하면 어떨까 싶다. 고정 관념의 틀을 깨고 이색적인 스타일로 튜닝해볼까 싶다. 익명 등록을 유지할 것인가 로그인 계정도 동작하게 할 것인가도 고민이다.
얼마전 PHOTOlog.kr 이라는 퀵돔을 등록하면서 포토로그로 개명하였다.



웹프로그래머의 홈페이지정보 블로그 http://hompy.info

댓글을 달아 주세요

  1. 비밀방문자 2007/04/24 09:43  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

초보자를 위한 자바스크립트 이미지 슬라이더 소스코드

자바스크립트(javascript) 입문자를 위한 자바스크립트 이미지 슬라이더입니다. 오른쪽에서 왼쪽으로 이동하며, 회전됩니다. 응용하셔서 왼쪽으로 위로 아래로 이동하는 이미지 슬라이더를 직접 만들어 보세요. 본 소스는 초보자를 위해 최대한 간소화해서 코딩되었습니다.


<HTML>
<HEAD>
<TITLE>초간단 이미지 슬라이더 회전 : http://hompy.info</TITLE>
<script>
var step = -1, stime = 10, wtime = 1000, ep;
var sleep = stime, cell = 100, total = 4, width = cell * total;
function do_stop(){
clearTimeout(ep);
}
function do_move(){
var obj = photo_layer.style;
obj.pixelLeft = (obj.pixelLeft + step) % width;
if (obj.pixelLeft % cell == 0) sleep = wtime;
ep = setTimeout("do_move()",sleep);
sleep = stime;
}
</script>
</HEAD>
<BODY onload="do_move();">
<div style="top: 10px; left: 10px; height: 100px; width: 400px; position: absolute; overflow:hidden" onmouseout="do_move()" onmouseover="do_stop()">
<div id="photo_layer" style="top: 0px; left: -300px; width: 800px; height: 80px; position: absolute;">
<table height="80" cellspacing="0" cellpadding="0" id="table7" >
<tr align=center height=100 bgcolor="#cccccc">

<td width=100><IMG src="http://cfs2.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzAvMTUuanBn" width=98></td>
<td width=100><IMG src="http://cfs2.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzAvMy5qcGc=" width=98></td>
<td width=100><IMG src="http://cfs2.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzAvNS5qcGc=" width=98></td>
<td width=100><IMG src="http://cfs2.tistory.com/upload_control/download.blog?fhandle=YmxvZzU3NDk1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzAvOS5qcGc=" width=98></td>

<td width<