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:

$('#rotator').tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000);
2:

$("#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:

	$(document).ready(function(){
		$('#rotator').tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000);
		$("#rotator").mouseover(function(){
		$("#rotator").tabs({event: 'mouseover'}, 0);
		});
    });
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:
$(document).ready(function () {  
  $('#rotator').tabs({
    'fx': {
      'opacity': "toggle"
    }
  }).tabs("rotate", 4000);  
  $("#rotator").hover(
    function () {  
      $("#rotator").tabs("rotate", 0);  
    },
    function () {  
      $("#rotator").tabs("rotate", 4000);  
    }
  ); 
});
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.

$(document).ready(function () {    
   $('#rotator').tabs({  
     fx: {  
		opacity: "toggle"	   
     }  
   }).tabs("rotate", 4000);    
   $("#rotator").hover(  
     function () {    
       $("#rotator").tabs({ 
			fx: { 
				opacity: "toggle",
				duration: 1 }
		}).tabs("rotate", 0).tabs({event: 'mouseover'});
     },  
     function () {  //mouseout
		function hanemzuhogatjaazegeret(){
       $("#rotator").tabs({  
     fx: {  
		opacity: "toggle"	   
     }  
   }).tabs("rotate", 4000);    
     }  
	 setTimeout(hanemhuzogatjaazegeret, 2000);
	}
   );   
 });