Rev. 2.73

Alexei@Nitobi에서 배포한 것을 Prototype.js기반으로 만들었습니다. 만들다 보니 소두마빈님께서 '붐바'라는 이름의 플러그인으로 벌써 마가린에 배포하셨더군요. 작동방식은 둘다 비슷한데 묘한 차이점이 있어서 보다 효율적으로 구현된 부분들을 참고하였습니다. 북마크 버튼에 적용한 어안메뉴는 기발한 아이디어입니다. 정말 잘 어울리네요.

<ul onmouseover="if(!Element.hasClassName(this, 'isActivated')) new FishEye(this, {label: false});">
    <li>
        <a href="http://del.icio.us/post?url=http://firejune.com/1064&title=Prototype">
            <img src="/images/bookmark/delicious.png" width="20" alt="Delicious" />
        </a>
    </li>
    <li>
        <a href="http://www.hanrss.com/bookmarks/add_link.qst?url=http://firejune.com/1064&title=Prototype">
            <img src="/images/bookmark/hanrss.png" width="20" alt="HanRSS" />
        </a>
    </li>
    <li>
        <a href="http://www.news2.co.kr/submit/?bookurl=http://firejune.com/1064&booktitle=Prototype">
            <img src="/images/bookmark/new2.png" width="20" alt="News2.0" />
        </a>
    </li>
    <li>
        <a href="http://mar.gar.in/post/popup_post/&qURL=http://firejune.com/1064&qTitle=Prototype">
            <img src="/images/bookmark/margarin.png" width="20" alt="Margarin" />
        </a>
    </li>
    <li>
    .
    .
    .
</ul>

이미지 아이콘으로 구성된 리스트 아이템에 사용할 수 있습니다. 브라우저의 이벤트 부담을 줄이기 위해서 마우스가 영역으로 진입한 때에만 FishEye함수가 초기화되도록 되어있습니다. 레이블 표시기능은 아직 미구현 상태입니다.(안할지도 모르겠습니다;;)

Comments

Got something to add? You can just leave a comment.

  • 안녕하세요... 소두마빈입니다.

    기발한 아이디어라니.. 과찬이십니다.
    사실... 파이어준님 블로그를 보고 감동 받아서
    마가린에 적용해 봤습니다.

    오오오오오~~~~

    엔터치면... 코멘트란이 늘어나는군요..

    reply edit

  • 감사합니다. 덕분에 쉽게 적용할 수 있었습니다.
    코멘트에는 리사이즈 컴포넌트를 설치해서 자동으로 늘어납니다.^^;

    reply edit

Your Reaction Time!

captcha

avatar