VoidNoble IT Zone

http://www.shadowbox-js.com 상업용도 유료, 개인용도 무료. 다양한 js Framework 과 연계 가능. 이미지, 슬라이드, 미디어, 인라인 컨텐츠, 외부주소 지원.

준비물 prototype.js scriptaculous.js slideshow.js (제일 아래 소스 있음) 사용예제 1) HTML: 설명 1 설명 2 설명 3 설명 4 Play Pause Javascript: document.observe('dom:loaded', function(){ oMySlides = new iSlideShow({ autostart : true// optional, boolean (default:true) start: 0, // optional, slides[start] (default:0) wait : 4000, // optional, milliseconds (default:4s) slides : [ 'image-div-a', 'image-div-b', 'image-div-c',..

[홈페이지] http://randomous.com/floatbox/ [다운로드] http://randomous.com/floatbox/download [저작권] 비상업 용도로만 프리, 그밖에는 비용 지불해야 함. lightbox (prototype.js) 의 경우 이미지만 지원되며 오직 클릭이벤트로만 작동한다는 단점이 존재하여 다른 종류를 찾다보니 이것을 찾게 되었다. 순수 자바스크립트로만 구현되어 있으므로 자바스크립트 프레임을 무얼 쓰든 관계가 없다. jQuery의 thickBox 이던가? 비슷하게 엄청난 자유도와 기능을 지원한다는게 큰 장점이다. 완벽한 단점은 비상업용도로만 프리웨어라는것!

http://planetozh.com/projects/lightbox-clones/ 현재 출시된 Lightbox 들의 정보를 한눈에 볼수 있게 표로 보여주며 링크도 제공해준다.

http://www.smashingmagazine.com/2009/04/11/20-beautiful-free-and-commercial-joomla-templates/

[출처] http://ferdinand.rs/javascript/ferdinandslider Prototype & ScriptAculous 기반의 이미지 Slider. 페이드 효과로 이미지가 교체되며 캡션이 지원된다. 유명한 라이트박스의 모달로 띄워지는 부분이 곧바로 본문 페이지에서 실행되는거라고 보면 된다.

[출처] http://www.maengis.com/factory/slide4ps/

http://www.prototypextensions.com 이게 뭔가요? PrototypeXtensions 은 Prototype.js 과 Script.aculo.us 프레임웍 기반의 JavaScript library 이다. 컴포넌트 코어 확장 Class.accessors : 클래스를 위한 기본 접근자들 만듬. Cookie : 쿠키를 만들고, 읽고, 수정하고 삭제. Browser : 웹브라우저의 버젼을 쉽게 알게 한다. EventManager : 당신의 클래스들과 오브젝트들안의 커스텀 이벤트들 통합. Number : 시간 계산 방법의 설정. String : 당장은, 많지는 안고... 기록 History : URL Hash의 인자를 쉽게 "set/get" History.Observer : URL Hash ..

보호되어 있는 글입니다.