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

[MainBoard]

[Memory]



웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
댓글을 달아 주세요
만약 자신의 이름을 도메인화 하게 된다면 자신이 보유하고 있는 어떤 도메인을 선택할 것이며 보유한 도메인이 없다면 어떤 도메인을 등록하시겠습니까? 아니면 있는 그대로 별개의 것으로 유지하는 것이 좋을까요?
안녕하세요? 저는 HOMPY.INFO 입니다. ^^
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
백번 설명하는 것 보다 한번 직접 해보는 것이 플래시 액션스크립트 학습의 지름길입니다. 자신의 필요나 구미에 맞게 아래 플래시 소스를 수정 보완 해보시면 학습에 도움이 될 것입니다. 이렇게 만들어진 플래시는 블로그나 홈페이지 배너로 사용하면 보기 좋을 것이며 실제 많이 사용하고 있기도 합니다.
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
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);
}
?>
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
| [소녀시대 플래시 갤러리 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









참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
| [소녀시대 플래시 갤러리 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









참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
<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
오랜만에 '게임속 미소녀'를 소개한다.
이번에 선보일 '게임속 미소녀'는 최근 국내 MMORPG 시장에 새로운 활력을 불어넣고 있는 엔도어즈의 <아틀란티카>.
<아틀란티카>는 많은 매니아 층의 지지를 얻고 있는 김태곤 이사가 개발한 역작으로, 역사에 기반한 다양한 세계문명을 탐헌하는 모험을 컨셉으로 하는 '턴제' 방식의 전략 MMORPG이다.
9명의 캐릭터를 콘트롤해야 하는 전략성을 토대로, 용병육성시스템, 도시경영시스템, 정치시스템, 경제시스템 등이 잘 어우러져 그 몰입도가 남다르다는 평가다.
동서양의 문물이 결집된 <아틀란티카>에 걸맞게, 등장하는 여성 캐릭터들 역시 '동서양의 美'가 한 데 어우러진 신비한 매력을 발산한다.
총수, 마녀, 궁수, 예언가, 공주 등 총 5가지 직업별로 등장하는 <아틀란티카>의 여성 캐릭터의 아름다움에 빠져보자.
■ 총수
총을 사용하며, 원거리용병 갑옷을 착용한다. 체력은 중간이며 직선으로 2칸의 적을 공격 가능해 행동력도 높은 편이다. 총탄을 장착할 수 있다.

서양의 무기인 '총'을 사용한다는 것을 제외하면, 전형적인 동양의 미인상이다.
단아한 얼굴과 단단한 갑옷 속에 감춰진 가녀린 몸매, 그러면서도 섹시한 느낌을
한 껏 살린 보일듯 말듯한 노출과 아름다운 곡선미가 돋보인다.
■ 궁수
활을 사용하며, 원거리용병 갑옷을 착용한다. 체력이 약하지만 공격력이 강하고 행동력이 높다. 화살을 장착할 수 있다.

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

'엘프'를 연상시키는 전형적인 서양의 미인상이다. 자연스러운 금발머리에 눈매와
콧날, 새초롬한 입술이 매력적이다. 귀족풍 갑옷을 착용해 고풍스러운 느낌과 멋을
강조했다. 가슴선을 잘 살린 갑옷과 망사 느낌의 스타킹, 그리고 힐이 높은 부츠는
뛰어난 각선미를 돋보이게 하며, 전체적으로 격 높은 아름다움을 발산하고 있다.
■ 마녀
지팡이를 사용하며, 마법용병 갑옷을 착용한다. 체력은 매우 약하지만 적의 마법력을 빼앗아 아군에게 채워주는 마법이 가능하다. 회피율과 크리티컬 공격확률이 아주 높다. 오브 장착도 가능하다.

'마녀'라고 하기에는 너무나도 아담하고, 귀엽고, 깜찍하다. 마녀를 상징하는 '꼬깔모자'
아래 부스스한 빨간머리와 큰 눈망울, 오목한 코에 도톰한 입술은 신비로움을 자극한다.
아담한 몸매에 비해 다소 풍만한 의상은 그녀를 더욱 비밀스러운 느낌으로 안내한다.
■ 공주
최근에 업데이트 된 캐릭터로, 적의 원거리 공격을 무력화 시키거나, 아군의 원거리 용병을 강화시켜주는 보조형 용병이다. '왕가의 인장', '가문의 인장', '황실의 인장' 등의 마법을 사용해 궁수, 총병, 포수계열 등 적군 원거리 용병의 물리공격을 무력화 시키는 반면, '침착한명령' 마법을 사용해 아군 원거리 용병의 물리방어력을 증가시키는 역할을 한다.

말 그대로 '공주'다. 빨간 장미꽃 머리핀과 웨이브 진 금발머리, 여기에 도도함의 극치를
보여주는 눈매를 강조한 얼굴은 누가봐도 '공주'인 것이다. 일명 'V'라인을 강조한 상반신
의상 콘셉은 군더더기 없는 몸매를 마음껏 뽐내고 있다. 여기에 'A'라인으로 펼친 드레스
사이로 보이는 '힙'라인과 망사 스타킹은 섹시함과 뇌쇄적인 느낌을 보여주고 있다.
아울러, 공주의 뒷모습이 어떨런지, 사뭇 궁금해지지 않는가. 정말 궁금하다.
■ 마법사
아직 공개되지 않은 캐릭터로 조만간 업데이트를 통해 선보일 신규 직업이다. 높은 수준의 공격력과 회복마법을 갖춘 마법사는 무녀와 같은 흉포한 의지와 어둠의 물결과 같은 뛰어난 보조기술을 갖고 있다. 체력이 좋은편이라 마법사와는 달리 집중사에도 강한 장점이 있다.

동서양의 분위기가 잘 어우러진 '마법사'다. 동양적인 헤어스타일에 다소 냉철해 보이는
얼굴은 '중성적'이기까지 하다. 타이트하게 붙은 갑옷 속으로 보이는 그녀의 가녀린 몸매
는 격한 움직임 보다는 조용한 가운데 궁극의 마법을 뿜어내는 '마법사'의 신체조건이다.
여성스러운 '손짓'과 늘씬하게 뻗은 다리의 각선미가 유난히 돋보이는 모습이다.
외모 : ★★★★★★★★☆☆ (8점)
몸매 : ★★★★★★★★★☆ (9점)
지성 : ★★★★★★★☆☆☆ (7점)
섹시 : ★★★★★★★★☆☆ (8점)
큐티 : ★★★★★☆☆☆☆☆ (5점)
이상으로 <아틀란티카>에 등장하는 여성 캐릭터들을 만나 보았다.
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
댓글을 달아 주세요
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
웹프로그래머의 홈페이지정보 블로그 http://hompy.info

블로그나 홈페이지를 번역 페이지로 연결해주는 번역 버튼 이미지를 교체했습니다. 만국기 이미지를 공개해놓은 홈페이지에서 가져와서 버튼 이미지로 사용했었는데 저작권 문제를 지적하는 사람이 있다고 해서 웹디자이너의 도움을 받아 수정했습니다. 저작권 문제를 떠나서 아무리 이쁜 이미지라도 계속 보면 실증 나는 법이니 새로운 것으로 교체할 시기가 되기도 했습니다. 차후에는 움직이는 이미지로도 바꿔볼까 생각중입니다. 자신의 블로그나 홈페이지 글을 외국인에게도 보여주고 싶다면 번역 버튼을 달아보세요. 사용법을 알고 싶으시면 [번역버튼 사용법]을 참고하세요.
[번역버튼 플래시 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
댓글을 달아 주세요
첨부된 프로그램을 설치하고 실행하면 사진 또는 이미지를 선택 하게 되어 있고 사진들을 정하고 나면 아래와 같은 화면이 나옵니다.

Resolution 옆에 More 를 클릭하면 아래 화면처럼 펼쳐지며...

Intergrate watermark 를 체크하고 Watermark 를 클릭해서 이미지를 선택하면 사진에 자신만의 로고나 이미지를 찍을 수 있습니다. 사진 포멧, 해상도나 품질등을 변경하고 Ok 버튼을 누르면 선택한 사진들에 나만의 도장(워터마크)를 찍어주며 이미지도 변환해줍니다.
사진이나 이미지를 대량으로 관리해야 하는 사람들은 가볍게 사용할 수 있는 툴이네요.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
댓글을 달아 주세요
사진첩에서는 홈페이지 영역을 좀더 적게 차지하면서 보다 효율적으로 다양한 게시물을 노출시키는 것이 때론 중요합니다. 아래와 같은 이미지 슬라이더들이 그 역할을 충분히 할 수 있지요. 게시판이나 갤러리 등에도 활용될 수 있지만 다른 카페나 커뮤니티 게시판을 통해 자신의 블로그나 카페를 자연스럽게 홍보하는 도구로 활용될 수 있습니다. 슬라이더에 필요한 이미지나 그것을 클릭하면 이동할 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
댓글을 달아 주세요
기존에 직접 내용을 설정할 수 있는 가로 스크롤 전광판과 슬라이더를 소개했었습니다. 오늘 잠깐 손을 봐서 세로 스크롤 전광판과 슬라이더를 추가 했습니다. 전광판과 슬라이더에 대해서 잘 모르시는 분들은 위젯 위에 마우스를 올리고 오른쪽 클릭을 하시면 위젯 설명 페이지로 이동할 수 있습니다. 심심한 페이지에 전광판이나 슬라이더를 써서 붙여 보면 좋을 듯 싶습니다.^^
|
|
|
|
[적용된 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.&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&fontcolor=4A6897&incolor=ffffff&outcolor=F6F8F9&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&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.&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&fontcolor=4A6897&incolor=ffffff&outcolor=F6F8F9&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&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
댓글을 달아 주세요
아래 북마크 버튼은 "사상 초유 해커공격, 아이템거래 시장 초토화 상태"라는 기사를 북마크 합니다.
| 뉴스 기사 즐겨찾기(북마크) 공유 |
아래 전광판은 커뮤니티 와글 메인에 파트너 구하기 게시판 제목을 뿌려줍니다.
|
|
아래 이미지 슬라이더는 갤러리에 올라온 베스트 게시물을 뿌려줍니다.
[적용된 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&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.&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&fontcolor=4A6897&incolor=ffffff&outcolor=F6F8F9&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&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| [플래시 이미지 슬라이더 위젯 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
워크래프트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


































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







![]()







![]()




댓글을 달아 주세요
http://www.hompydesign.com/club/html_color_code.php
| HTML COLOR CODE | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
댓글을 달아 주세요
플래시 자체가 다중업로드가 가능하므로 복수 자료 업로드 기능을 추가 할 수 있지만 보류다. 앞으로 올린 사진을 가볍게 편집할 수 있는 기능이 추가 될 수 있다. 사진 즐기는 사람들 간에 대화를 즐기도록 채팅이 추가될 수도 있고 검색 기능을 추가될 수도 있다. 플래시 파일도 업로드하게해 플래시도 공유하게 될수 있다.
2차원 맵인데 3차원으로 확장하면 어떨까 싶다. 고정 관념의 틀을 깨고 이색적인 스타일로 튜닝해볼까 싶다. 익명 등록을 유지할 것인가 로그인 계정도 동작하게 할 것인가도 고민이다.
얼마전 PHOTOlog.kr 이라는 퀵돔을 등록하면서 포토로그로 개명하였다.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
댓글을 달아 주세요
자바스크립트(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<


banner_slider.fla
vso_image_resizer_setup.exe
댓글을 달아 주세요