미니위니 플래시 갤러리 0.31

옛;; 제쯔(zezz.com)와 미니위니(s2.miniwini.com) 주인장이신 위쯔님의 두 번째(?) 플래시 갤러리입니다.

아직도 건강하게 잘 구동되는군요.

아래는 전문을 복사해 붙여넣기 하였습니다.

부디 사라지지 않았으면 좋겠군요.

미니위니 플래시 갤러리 0.31

프로젝트도 끝나고 해서 만들어 보았습니다.
플래시(..라기보다는 액션스크립트)를 이용해서 만든 심플하기 짝이 없는 갤러리입니다.

사용법
플래시가 외부에서 읽을 수 있는 JPG 파일을 지원하며, 사용법은 크게 두가지입니다.

샘플 및 사용방법 보기


위의 페이지에서 설명을 잘 읽어보신 후, 소스보기를 하셔서 보시면 바로 이해가 가실 겁니다.
실제로 쓰실 때에도 위의 페이지 소스를 그대로 이용하시면 됩니다.

주의점
사진이 플래시 영역보다 큰 경우, 영역에 맞게 강제 리사이징 됩니다.
불러올 수 없는 사진이나, 존재하지 않는 사진은 보이지 않습니다. (당연한가 -_-;)

키보드
키보드를 (미약하게) 지원합니다.
좌,우 화살표 - 이전/다음 사진
스페이스바 - 다음 사진
위쪽화살표 - 현재 사진을 새 창으로 표시

마우스
현재 보고 있는 사진의 "대충 오른쪽 방향"을 마우스로 찍으면 다음 사진으로, "대충 왼쪽 방향"을 찍으면 이전 사진으로 이동합니다.
마우스휠 아래쪽 - 다음 사진
마우스휠 위쪽 - 이전 사진

버젼
0.31입니다.

라이센스
별다른 제한은 없습니다만, 파일 이름을 바꾸거나, 재배포하는 것은 금합니다.

발전 가능성(..)
다양한 형태의 네비게이션, 로딩 상태 표시, 갤러리 정보 표시, 사진 제목 및 설명 표시, 배경 음악 지원 등등등등등을 생각만 하고 있습니다 :)

CHANGELOG
ver 0.31
- 마우스휠 지원에 대한 옵션이 추가되었으면, 기본값이 "사용안함"으로 변경되었습니다.

ver 0.3
- 마우스휠 지원합니다.
- XML을 이용하는 경우 note 란을 추가하면 사진 하단에 간단한 노트를 달 수 있습니다.

ver 0.2
- 친절한 주인장씨, 샘플 페이지에 코드 생성기를 넣었습니다.
- photoPadding이 제대로 적용되지 않던 버그가 수정되었습니다.
- 몇가지 항목들이 설정 가능하게 되었습니다.
- 현재 보고 있는 사진을 새 창에서 열기가 가능합니다. 링크를 누르거나 위쪽 화살표키를 누르면 됩니다.
- 로딩 상태를 간단하게 표시합니다.

ver 0.1
- 소스보기를 하시면 viewStyle이라는 항목이 보일 것입니다. 이 값이 1이라면 기존의 슬라이드식, 2라면 로모갤러리식의 단순 이동방식으로 작동합니다.


다운로드
miniwiniFlashGallery.swf

(마우스 오른클릭하신 후에 "다른 이름으로 저장"으로 받으세요)

여기까지가 전문입니다.

아래부터는 코드 제네레이터의 소스 입니다.

<?
$opt = array();
$opt['viewStyle'] = $_POST['viewStyle'];
$opt['showThumbnail'] = $_POST['showThumbnail'] ? 1:0;
$opt['showPhotoLink'] = $_POST['showPhotoLink'] ? 1:0;
$opt['photoPadding'] = $_POST['photoPadding'];
$opt['thumbnailHeight'] = $_POST['thumbnailHeight'];
$opt['loadingTextColor'] = $_POST['loadingTextColor'];
$opt['photoLinkColor'] = $_POST['photoLinkColor'];
$opt['showNote'] = $_POST['showNote'] ? 1:0;
$opt['noteColor'] = $_POST['noteColor'];
$opt['useMouseWheel'] = $_POST['useMouseWheel'] ? 1:0;
$photo = $_POST['photo'];

$optlist = array();
$optXML = array();
foreach($opt as $k=>$v)
{
    $optlist[] = $k."=".$v;
    $optXML[] = $k."=\"".$v."\"";
}

$f = implode("&",$optlist);
$xmlOpt = implode(" ",$optXML);

$xml = <<<XML
<?xml version="1.0" encoding="euc-kr"?>
<gallery {$xmlOpt}>
XML;

$photolist = array();
if (isset($photo))
{
    foreach ($photo as $url)
    {
        if (trim($url))
        {
            $photolist[] = urlencode($url);
            $xml .= "\n\t<photo>\n\t\t<url>".($url)."</url>\n\t</photo>";
        }
    }
}
$xml = $xml."\n</gallery>";
$sType = ($_POST['type'] == 1) ? "galleryXML=갤러리이름.xml" : $f."&photoList=".implode(",",$photolist);
?>



아래의 코드를 복사해서 쓰세요.
<xmp style="padding:10px;border:1px solid #cdcdcd;background-color:#efefef">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="600" height="500" id="miniwiniFlashGallery" style="background-color:<?=$_POST['bgColor']?>">
    <param name="allowScriptAccess" value="sameDomain"/>
    <param name="movie" value="<?=$_POST['swfPath']?>"/>
    <param name="quality" value="high"/>
    <param name="wmode" value="transparent"/>
    <param name="flashvars" value="<?=$sType?>"/>
    <embed flashvars="<?=$sType?>" src="<?=$_POST['swfPath']?>" quality="high" bgcolor="<?=$_POST['bgColor']?>" width="600" height="500" name="miniwiniFlashGallery" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>
</xmp>


<?
if ($_POST['type'] == 1)
{
    ?>
아래의 내용을 복사한 후에 갤러리이름.xml 파일로 저장해서 계정에 올리세요.
<xmp style="padding:10px;border:1px solid #cdcdcd;background-color:#efefef">
<?=$xml?>
</xmp>
    <?
}
?>

여기서부터는 사용법입니다.

XML 파일 이용하기 
XML 파일을 이용하는 경우는

viewStyle : 1이면 슬라이드, 2면 한장씩 보여줍니다. 기본값은 1입니다. 
showThumbnail : 1이면 썸네일을 표시합니다. 0이면 표시하지 않습니다. 기본값은 1입니다. 
showPhotoLink : 1이면 사진 아래에 클릭 가능한 링크를 표시합니다. 0이면 표시하지 않습니다. 기본값은 1입니다. 
photoPadding : 슬라이드 스타일의 경우 사진의 패딩값을 지정합니다. 기본값은 10입니다. 
thumbnailHeight : showThumbnail이 1인 경우 썸네일의 높이를 지정합니다. 기본값은 40입니다. 
loadingTextColor : 로딩 상태 표시 텍스트의 색상을 지정합니다. 
photoLinkColor : 사진 링크의 색상을 지정합니다. 
showNote : 1이면, XML 파일을 이용하는 경우 note란에 입력된 간단한 사진 설명을 표시합니다. 기본값은 1입니다. 
noteColor : 사진 설명의 색상을 지정합니다. 기본값은 #ffffff입니다. 
useMouseWheel : 1이면 마우스를 이용하여 사진을 이동시킬 수 있습니다. 기본값은 0입니다.

	<object style="background-color:색상" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="600" height="500" id="miniwiniFlashGallery">

	<embed bgcolor="색상" .... >

코드 생성 결과값입니다.

아래의 코드를 복사해서 쓰세요.

여기까지가 가져올 수 있는 전부입니다. -_-;