2011-03-13 51 views
0

我的意圖是爲我的網站做一些產品概述。所以我有2個div容器,我想通過使用mootools來滑入。更確切地說,當第一個div滑出第二個時應該滑入,反之亦然。但最後一部分不起作用。我設法滑動一個,但另一個不回來。 (希望這是可以理解的Mootools.slide隱藏並顯示問題

這裏是代碼:

var redo = new Request.HTML(
{ 
    url: 'ajax/cdvet.php', 
    update: artikel, 
    encoding: 'utf-8', 
    onComplete: function(response){ 
     if(hund != null) 
      { 
      hund.slide('hide'); 
      $('clist_tier_Hund').addEvent('click', function(e) 
      { 
       hund.toggle(); 
      artikel.toggle();    
      }); 
      } 
     artikel.slide('in'); 
     } 
}); 

希望有人能幫助我:)

+0

護理用這個例子創建的jsfiddle(http://jsfiddle.net)? – 2011-03-13 10:32:27

+0

它住在這裏:http://www.rudolfapotheke.de/produktkatalog.php看看小狗:) – Arwed 2011-03-13 12:08:19

回答

2

Fx.Slide由在同一時間以動畫一個對象。這不是爲了旋轉多個元素。

但是,您可以使用Fx.Elements動畫您不同的傳送帶窗格......或者,如果你喜歡簡單,你可以使用Fx.Scroll.CarouselMootools Forge可用。

Demo

+0

這個演示的好東西 - 但似乎很複雜,我需要什麼。我會研究fx.elements pitty關於mootools網站的文檔對我來說有些隱晦...... – Arwed 2011-03-13 14:25:49

+0

你剛纔是否爲了好玩而編寫了這個代碼? :) +1 – 2011-03-13 15:29:38

+0

@Dimitar:不,'Fx.Scroll.Carousel'由Ryan Florence製作,可在[Mootools Forge](http://mootools.net/forge/p/fx_scroll_carousel)中找到。 – 2011-03-13 15:31:06