Home | Experience | Guestbook | Admin | About
 
AshImageViewer(extends AshAgent)
• CREATION DATE |   2009.03.01
• LAST MODIFY |   2009.03.01
• VERSION |   0.2
• Description
간단하게 주어진 이미지 url로 이미지를 로더한 후 미리보기를 수행할 수 있도록 고안된 클래스이자 어플리케이션이다.
클래스 생성 및 실행에서 내부엘리먼트를 사용하며 기본 UI구현이 이미 이루어져 있으며 body에 최상위로 추가되어
구현된다.
모션처리와 AshResize, AshDrag 기능이 기본 탑재되어 있다.
• ClassType
public extends
• Inherited Public Properties
instancedCount (Defined by Ash)
owner (Defined by AshEventDispatcher)
openData (Defined by AshEventDispatcher)
• Inherited Public Methods
getClass (Defined by Ash)
toString (Defined by Ash)
addEventListener (Defined by AshEventDispatcher)
removeEventListener (Defined by AshEventDispatcher)
dispatchEvent (Defined by AshEventDispatcher)
hasEventListener (Defined by AshEventDispatcher)
getEventListeners (Defined by AshEventDispatcher)
x, left (Defined by AshMotionAgent)
y, top (Defined by AshMotionAgent)
width (Defined by AshMotionAgent)
height (Defined by AshMotionAgent)
alpha (Defined by AshMotionAgent)
tween, play (Defined by AshMotionAgent)
getMotioner(Defined by AshMotionAgent)
getHTML (Defined by AshAgent)
getOuterHTML (Defined by AshAgent)
setHTML (Defined by AshAgent)
insertHTML (Defined by AshAgent)
insertBeforeHTML (Defined by AshAgent)
setInnerText (Defined by AshAgent)
getInnerText (Defined by AshAgent)
addChild (Defined by AshAgent)
removeChild (Defined by AshAgent)
insertBefore (Defined by AshAgent)
getChildAt (Defined by AshAgent)
getFirstChild (Defined by AshAgent)
getLastChild (Defined by AshAgent)
getChildByName (Defined by AshAgent)
contains (Defined by AshAgent)
getStyle (Defined by AshAgent)
setStyle (Defined by AshAgent)
resetWidth (Defined by AshAgent)
resetHeight (Defined by AshAgent)
getWidth (Defined by AshAgent)
settWidth (Defined by AshAgent)
getHeight (Defined by AshAgent)
setHeight (Defined by AshAgent)
move (Defined by AshAgent)
resize (Defined by AshAgent)
rebound (Defined by AshAgent)
getBounds (Defined by AshAgent)
globalCoordinates (Defined by AshAgent)
hitTest (Defined by AshAgent)
setOpacity (Defined by AshAgent)
• Costants
AshImageViewer.LOADED = 'loaded'; // invoke when the image was loaded.
이미지로딩이 완료되었을때 이벤트가 발생한다.
이값을 이용하여 기본 처리이외에 커스트마이징이 가능하다.

AshImageViewer.APPLY = 'apply'; // invoke when the resize's motion completed after image was loaded.
이미지로딩후 리사이즈 모션이 완성되어 이미지가 등장할때 이벤트가 발생한다.
• Static Properties
-
• Static Methods
• On Event Handler
onLoaded:null  // invoke when the image was loaded.
onApply:null  // invoke when the resize's motion completed after image was loaded. 
• Public Properties
(readOnly)
cover:null // the imageViewer's cover elements.
현재 이미지뷰어의 cover 엘리먼트를 참조한다.

body:null // the imageViewer's body elements.
현재 이미지뷰어의 body 요소를 참조한다.

img:null // the loaded current image elements.
현재 이미지 요소를 직접 참조한다.

resizer:null // the mageViewer's resizer controller.
리사이즈 처리객체를 참조한다.
• Public Methods
show(src) // load the image from image's path and set imageViewer standby.
어플리케이션의 이미지로더 및 뷰어를 동시에 수행한다.
parameter
 - src:String // 이미지 리소스 경로이다.

hide() // hide the imageViewer.
어플리케이션을 숨긴다.
• Constructor
AshImageViewer(loadingImagePath, [config-function]);
*parameters |
loadingImagePath:String // 로딩이미지가 존재하는 경로이다.
[optional]
config-function:Function = null // 이미비뷰어 인스턴스 생성과 동시에 초기에 추가구성을 위해서 실행되는
추가 구성함수이다.
• Example

<body>
<script type="text/javascript" src='../../AshAPI.js'></script>
<script type="text/javascript" src='../../AshImageViewer.js'></script>
<script type="text/javascript">
var sivs;
var wEvent = new AshEventDispatcher(window);
wEvent.addEventListener('load', function(e) {
 sivs = new AshImageViewer('loader.gif');
 sivs.onLoaded = function(e) {
  alert(e.parameters.src);
 }
 sivs.onApply = function(e) {
  alert(e);
 }
});
</script>
<button onclick="sivs.show('http://wstatic.naver.com/w9/lg_naver_v3.gif');">Naver logo</button>
<button onclick="sivs.show('http://images.hangame.co.kr/naver/music/today/100dae/090404_banner.jpg');">Taiji&Boys</button>
<button onclick="sivs.show('http://images.hangame.co.kr/naver/music/today/abroad/KellyClarkson_01.jpg');">Kelly Clarkson</button>

</body>

EDIT | DELETE
LINK • SUMMARY