ugrás a tartalomhoz

jqueryui

Tanul0 · 2010. Már. 23. (K), 12.22
Üdv!

Szeretnék egy kis segítséget kérni jqueryben.

Adott egy script, méghozzá a jqueryui tabs.

Adott két feladat:
1:
  1. $('#rotator').tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000);  
2:
  1. $("#rotator").tabs({event: 'mouseover'}, 0);  
Nos azt szeretném elérni, hogy ha az egér a #rotator li fölött van, akkor maradjon annál a tabnál mindaddig, amíg fölötte van, ha nincs fölötte és alapjáraton pedig az 1-es működjön.

Próbálkoztam sok féle képpen de nem megy.

legutolsó, és ami leginkább hasonlított arra amit szeretnék az ez:
  1. $(document).ready(function(){  
  2.     $('#rotator').tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000);  
  3.     $("#rotator").mouseover(function(){  
  4.     $("#rotator").tabs({event: 'mouseover'}, 0);  
  5.     });  
  6.    });   
próbálkoztam if-el is, de azzal sem ment. Nem vagyok nagy javascript guru, légyszives segítsetek. Köszi!
‹ ShortCut vs Browser css felfelé nyíló menü készítése ›
 ■
1

a demó oldal

Tanul0 · 2010. Már. 23. (K), 12.23
a demó oldal http://www.raymondselda.com/demo/tabbed-rotator/ , ezt szeretném ezzel kibővíteni
2

senkinek nincs ötlete?

Tanul0 · 2010. Már. 23. (K), 16.24
senkinek nincs ötlete?
3

Nem ismerem

Poetro · 2010. Már. 23. (K), 18.36
De kb. így kellene működnie:
  1. $(document).ready(function () {    
  2.   $('#rotator').tabs({  
  3.     'fx': {  
  4.       'opacity': "toggle"  
  5.     }  
  6.   }).tabs("rotate", 4000);    
  7.   $("#rotator").hover(  
  8.     function () {    
  9.       $("#rotator").tabs("rotate", 0);    
  10.     },  
  11.     function () {    
  12.       $("#rotator").tabs("rotate", 4000);    
  13.     }  
  14.   );   
  15. });   
4

Igen köszönöm. Egyetlen

Tanul0 · 2010. Már. 23. (K), 20.49
Igen köszönöm. Egyetlen probléma volt benne, ha húzogattam az egeret a tabok fölött, akkor bugos lett. Viszont a timeout függvény megoldotta ezt a problémát. Még a hovernél is bebugol néha, a time out ott viszont nem segített még próbálkozom.
  1. $(document).ready(function () {      
  2.    $('#rotator').tabs({    
  3.      fx: {    
  4.         opacity: "toggle"        
  5.      }    
  6.    }).tabs("rotate", 4000);      
  7.    $("#rotator").hover(    
  8.      function () {      
  9.        $("#rotator").tabs({   
  10.             fx: {   
  11.                 opacity: "toggle",  
  12.                 duration: 1 }  
  13.         }).tabs("rotate", 0).tabs({event: 'mouseover'});  
  14.      },    
  15.      function () {  //mouseout  
  16.         function hanemzuhogatjaazegeret(){  
  17.        $("#rotator").tabs({    
  18.      fx: {    
  19.         opacity: "toggle"        
  20.      }    
  21.    }).tabs("rotate", 4000);      
  22.      }    
  23.      setTimeout(hanemhuzogatjaazegeret, 2000);  
  24.     }  
  25.    );     
  26.  });