2008/03/13 09:59
2008/03/13 09:59 2008/03/13 09:59
Obaid Ahmed 는 Prototype과 Script.aculo.us로 구현한 Coverflow를 공개하였습니다.

사용자 삽입 이미지


  • <div id="protoflow">
  •         <img src="imgs/DSCN0940_91360.jpg"/>
  •         <img src="imgs/stimme_von_oben_187192.jpg"/>
  •         <img src="imgs/Tropfen_1_Kopie_201721.jpg"/>
  •         <img src="imgs/farbraum_012_147508.jpg"/>
  •         <img src="imgs/IMG_4906_199357.jpg"/>
  •         <img src="imgs/Tropfen_1_Kopie_201721.jpg"/>
  •         <img src="imgs/Fries_201253.jpg"/>
  •         <img src="imgs/Fries_201253.jpg"/>
  • </div>
  •  
  • <ul id="protoCaptions" class="protoCaptions">
  •         <li>Caption 1</li>
  •         <li>Caption 2</li>
  •         <li>Caption 3</li>
  •         <li>Caption 4</li>
  •         <li>Caption 5</li>
  •  
  •         <li>Caption 6</li>
  •         <li>Caption 7</li>
  •         <li>Caption 8</li>
  • </ul>

  • 가볍게 정의한 뒤

  • Event.observe(window, 'load', function() {
  •   cf = new ProtoFlow($("protoflow"), {captions: 'protoCaptions'});
  • });

  • 설정해주면 끝입니다.

    데모는 http://www.deensoft.com/lab/protoflow 에서 확인하실수 있고 다운로드는 이곳입니다.


    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/24
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    ◀  *    1   ...   5    6    7    8    9    10    11    12    13   ...   30    *  ▶