用Fx.Slide加載iframe

Question

有人能告訴我我做錯了什麼嗎？問題是我有在iframe中打開的鏈接，並且我希望在單擊鏈接（以及內容將加載到iframe之後）後，使用「幻燈片」效果打開此iframe。這是我的代碼：

JS：

window.addEvent('domready', function(){ 

var mySlide = new Fx.Slide('slider').hide(); 

$$('.cal_titlelink').addEvent('click', function(e) { 
     e = new Event(e); 
    mySlide.slideIn(); 
    e.stop(); 
}); 
}); 

HTML：

<a class="cal_titlelink" target="details" href="//address is created dynamically by php//">Link 1</a> 
    <a class="cal_titlelink" target="details" href="//address is created dynamically by php//">Link 2</a> 
.... 
    <div id="slider"><iframe name="details"></iframe></div> 

在這裏你可以看到它是如何工作http://wisko.pl/這是在左邊的日曆。幻燈片效果工作，但iframe是空的。當我刪除滑塊然後iframe加載但沒有效果。我如何使用幻燈片效果加載iframe內容？請幫忙。

Answer 1

http://jsfiddle.net/ZJzjV/114/

var mySlide = new Fx.Slide('slider').hide(), 
    myFrame = $('myFrame'); 


$$('.cal_titlelink').addEvent('click', function(e) { 

    myFrame.innerHTML = ''; 

    e = new Event(e); 
    mySlide.hide(); 
    e.stop(); 

    if (!myFrame.getProperty("src")) { 
     myFrame.addEvent("load", function() { 
      mySlide.slideIn(); 
      console.log("loaded"); 
     }); 
    } 

    myFrame.setProperty('src',this.getProperty('href')); 
}); 

這個被更新一次通過添加負載事件工作，一旦的IFRAME加載將它在滑動。