위젯 프로그램 자료실
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
안녕하세요
음.. 조금 패치해서 올립니다.
1. 최하단으로 스크롤 스크립트 추가
사용 하시려면 <a onclick="pageScroll();" style="cursor:pointer">하단</a> 태그를 넣어주시면 됩니다.
2. 배너기능 추가
졸졸이로 쓰기만 해도 되지만 왠지 아쉬워서......
배너로 사용해도 될것 같아서 배너기능 까지 넣었습니다.
배너로 사용되면 움직임이 고정됩니다.
3. 쓸데없는 코드 삭제와.. 스크립트의 보여지는 부분을 내부적으로 처리해 보여줄것 숨길것 구분해서 뿌려주게 했습니다.
4. 자바스크립트 변수에 붙는 숫자가 너무 길어져 짧게 수정했습니다. (랜덤으로 수정했는데.. 여러개 쓸경우.. 설마 중복되겠습니까..)
alway_stalker.zip 다운로드 받으신 후 압축 풀어주시고 ./zbxe/widgets/ 디렉토리에 넣어주시면 됩니다.
사용법
팁 하나
기준점이 상단으로 되어 있고 상단 좌표가 클 경우 브라우져가 작아지면 졸졸이가 아래로 가라앉게 되죠?
기준점을 하단으로 놓게 되면 브라우져가 세로로 작아져도 하단에 맞춰 졸졸이가 떠오르게 됩니다.
물론 너무 작아지면 위로 숨겠죠....
팁 둘
브라우져 왼쪽으로 좌표를 맞추실때 졸졸이의 크기를 감안하고 좌표 설정 바랍니다.
왼쪽에 나타내야할 0 이고 졸졸이의 크기가 50 이라면 레이아웃에 가려지게 되죠
그럴경우 좌표를 -50 으로 주시면 됩니다.
팁 셋
졸졸이를 여러개 붙이고 스킨이 하나인데 어떻게 다른모양으로 표현하지? 라고 생각하시는분이 계십니다.
물론 스킨을 따로 만들어 붙여도 상관 없습니다만..
html 을 작성하셔서 html textarea에 넣으시면
기본 설정된 버튼이 사라지고 붙여넣은 html코드가 뿌려지게 됩니다....
자세히 설명좀 해주세요.
그리고 페이지에 삽입하고 수정시 스킨표시라인이 너무 작아서 수정하기 어려움.
ps) 아래님 어지러버요 ㅋ.
우측 맨위 그러니까 search 창 조금밑에 플래시 배너가 있는데 그거랑 뭔가 부딧기나 봅니다..
배너를 수정하려고 뺐더니 되더라구요..
근데 그러랑 왜 부딧기는지..
음,, 고정/유동 버전이 추가되어서 정말 기쁜데요,
회원님들이 유동으로 따라다니던 졸졸이를 체크박스에 체크 함으로써
고정시킬려고 하는데
어떻게 고쳐야 되나요 ?ㅠ
비슷한 소스가 있더군요, 한번 이리저리 만져보세요..
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script language="javascript">
<!--
var stmnLEFT = 10; // 왼쪽 여백 (태그인넷가 왼쪽에서 10픽셀 떨어진 곳에 보여집니다)
var stmnGAP1 = 10; // 위쪽 여백 (태그인넷가 위에서 10픽셀 떨어진 곳에 보여집니다)
var stmnGAP2 = 10; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 150; // 스크롤 시작위치
var stmnActivateSpeed = 200;
var stmnScrollSpeed = 10;
var stmnTimer;
function ReadCookie(name)
{
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;
while (i < cLen) {
var j = i + labelLen;
if (document.cookie.substring(i, j) == label) {
var cEnd = document.cookie.indexOf(";", j);
if (cEnd == -1) cEnd = document.cookie.length;
return unescape(document.cookie.substring(j, cEnd));
}
i++;
}
return "";
}
function SaveCookie(name, value, expire)
{
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" + eDate.toGMTString()+ "; path=/";
}
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function ToggleAnimate()
{
if (ANIMATE.checked) {
RefreshStaticMenu();
SaveCookie("ANIMATE", "true", 300);
}
else {
clearTimeout(stmnTimer);
STATICMENU.style.top = stmnGAP1;
SaveCookie("ANIMATE", "false", 300);
}
}
function InitializeStaticMenu()
{
STATICMENU.style.left = stmnLEFT;
if (ReadCookie("ANIMATE") == "false") {
ANIMATE.checked = false;
STATICMENU.style.top = document.body.scrollTop + stmnGAP1;
}
else {
ANIMATE.checked = true;
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
}
}
//-->
</script>
</head>
<body onLoad="InitializeStaticMenu();">
<div id="STATICMENU" style="width:200px; height:200px; position:absolute; left:-5000px; top:0px; z-index:100;">
<table style="border:solid 1px silver;" cellpadding="2" cellspacing="2" width="200" border=1>
<tr>
<td><p>내용</p> </td>
</tr>
<tr>
<td>
<p><input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">스크롤 기능 on/off</p>
</td>
</tr>
</table>
</div>
</body>
</html>
애드온 타입 졸졸이는 삭제하셨더군요...
아직 정식버전으로 업을 안하고 제로보드 xe 0.2.8을 사용중인데 0.2.8에 위젯 타입을 설치하니 페이지가 열리지 않습니다.
위젯 타입으로 바꾼다고 애드온은 지워 버렸는데 위젯 타입도 안되고, 애드온 타입은 게시물이 삭제 되고 없네요. ![]()
다른 계정 정식버전 1.0에 설치해보니 잘 되더라구요.[위젯 타입]
소마세월님 졸졸이 감사하게 잘쓰고있습니다.
다음에 시간 나시면 위젯에서 이미지 선택하게 좀 해주세요..
이미지 몇개를 선택해서 일정시간마다 슬라이드쇼로 바뀌게 되면 엄청 좋을꺼 같은데요..






http://irume.kr/blog/