MooTools 1.2에서 페이드 기능의 지속 시간 제어

Question

나는 MooTools 1.2에서 매우 단순한 페이드 기능을 사용하고 있습니다. (동일한 페이지에서 호출되는 다른 기능보다 복잡하여 MooTools 1.2를 사용하고 있습니다.) 나는 기본적으로 내 페이지에서 제목을 약화시키고 있습니다. 모든 것이 훌륭하게 작동하지만 단순히 지속 시간을 제어하는 ​​방법에 대한 문서를 찾을 수없는 것 같습니다. 내가 찾은 모든 것은 다른 기능을 가리키는 것으로 보이며 가능한 한 간단하게 유지하고 싶습니다.

window.addEvents({ 
    load: function(){ 
     var singleImage = $('myimage2'); 
     singleImage.set('styles', { 
      'opacity': 0, 
      'visibility': 'visible' 
     }); 
     singleImage.fade('in'); 
    } 
}); 

당신이 볼 그래서, 그것은 (내가 처음에 CSS로 숨겨진)와 문서가 준비되면 페이드 ID = "myimage2"로 이미지를한다 : 여기있어 자바 스크립트입니다. 그것은 빠르게 사라지고 나는 점차적으로 점차 사라지 길 원합니다. 어떤 아이디어? 감사.

Answer 1

이전 질문에서 예를 사용 - http://jsfiddle.net/RNeS5/208/

// set-up an event on the browsers window 
window.addEvents({ 

    // be sure to fire the event once the document is fully loaded 
    load: function(){ 

     // assing 'singleImage' variable to the image tag with the 'image' ID 
     var singleImage = $('image'); 

     // set a bunch of CSS styles to the aforementioned image 
     singleImage.set('styles', { 
      'opacity': 0, 
      'visibility': 'visible' 
     }); 

     // fade in the image 
     singleImage.set('tween', { duration: 2000 }).fade('in'); 
    } 
});