ugrás a tartalomhoz

JQuery gondok

Medve · 2009. Aug. 13. (Cs), 21.12
Hello mindenki,
Elkezdte mfoglalkozni a JQuery-vel és lenne egy kérdésem: hogyan lehet az animációkat beállítani hogy egymás után hajtodjanak végre nem egyzserre?
Előre is köszi:P
‹ Táblázat elemeinek onClick eseményei Szép, felülről beúszó "üzenő csík" ›
 ■
1

callback?

Ustak · 2009. Aug. 13. (Cs), 21.17
Például valami ilyesmire gondoltál:

.show("speed",callback);

Üdv:
Gábor.
2

Queue

Poetro · 2009. Aug. 13. (Cs), 22.03
Queue
3

jaja pontosan.Utána is néztem

Medve · 2009. Aug. 14. (P), 11.10
jaja pontosan.Utána is néztem hogy az animate függvénynek van-e callback része és meg is találtam, de nem akar müködni.:S
itt az oldalam amivel most játszom:
  1. <HTML>  
  2. <HEAD>  
  3.     <title>Főoldal</title>  
  4.     <link rel="stylesheet" type="text/css" href="stilus.css" media="all"></link>  
  5.     <script type="text/Javascript" src="scriptek/jquery-1.3.2.js"></script>  
  6.     <script type="text/JavaScript">  
  7.         $(function(){                 
  8.             $('#keret').animate({  
  9.                     "width" : "1024px",  
  10.                     "height" : "1000px"  
  11.                     },1000);  
  12.                   
  13.             },function(){$('#keret #menusav').slideDown(2000);  
  14.         });               
  15.     </script>  
  16. </HEAD>  
  17.   
  18. <BODY>  
  19. <div ID="keret">  
  20.     <img ID="iv" src="oldalelemek/iv.gif"/>  
  21.     <div ID="menusav">  
  22.     </div>  
  23. </div>  
  24. </BODY>  
  25. </HTML>  
Elvileg ez így jó kéne legyen de mégsem.:S
4

Syntax error

Poetro · 2009. Aug. 14. (P), 11.28
Már csak az a probléma, hogy rossz függvénynek adod át a callback-edet.
  1. $(function () {                   
  2.   $('#keret').animate(  
  3.     {    
  4.       "width" : "1024px",    
  5.       "height" : "1000px"    
  6.     },  
  7.     1000,  
  8.     'linear',  
  9.     function () {  
  10.       $('#keret #menusav').slideDown(2000);    
  11.     });   
  12. });   
5

Width, height?

Ustak · 2009. Aug. 14. (P), 11.31
Van a #menusav -nak css ben megadott width és height tulajdonsága, vagy valami tartalom, ami nagyítaná, nem az lehet a baj, hogy nincs kiterjedése, amit mutatna?
Üdv:
Gábor.
6

Jó így már jó

Medve · 2009. Aug. 19. (Sze), 12.48
Jó így már jó lessz.:D
Viszont van egy másik problémám is ezzel kapcsolatban és nem szeretnék neki külön témát adni, szoval a probléme a következő:Akarok építeni egy galériát az oldalra ami alapból rejtve van és csak akkor jön elő ha a megfelelő gombra kattintunk.

Íme a galéria:
  1. var galeria='<div ID="galeria">';  
  2.         galeria+='<div ID="kiskepek">';  
  3.         var x=0;  
  4.         for (var i=1; i<=13;i++){  
  5.             galeria+='<img ID="kicsi'+i+'" src="galeria/kicsi'+i+'.jpg" style="position:absolute;top:5px;left:'+x+'px;width:100px;height:100px;"/>';  
  6.             x=x+110;  
  7.             $("#kicsi"+i).click(function(){$("#nagykep").attr({src:"galeria/"+i+".jpg"});})  
  8.         }  
  9.         galeria+='</div>';  
  10.         galeria+='<div ID="nagykeret">';  
  11.         galeria+='<img ID="nagykep" src="galeria/1.jpg"/>';  
  12.         galeria+='</div>';  
  13.         galeria+='<img ID="balra" src="oldalelemek/bal1.gif"/>';  
  14.         galeria+='<img ID="jobbra" src="oldalelemek/jobb1.gif"/>';  
  15.         galeria+='</div>';  
  16.         $("#galeria #jobbra").mousedown(function(){$(this).animate({"left":"-10px","top":"100px"});});  
  17.         $("#galeria #jobbra").mouseup(function(){$(this).animate({"left":"0px","top":"110px"});});  
  18.         $("#galeria #balra").mousedown(function(){$(this).animate({"left":"-10px","top":"100px"});});  
  19.         $("#galeria #balra").mouseup(function(){$(this).animate({"left":"0px","top":"110px"});});  
és így hívom meg:
  1. $("#gomb2").hover(function(){$(this).animate({"left":"240px","top":"130px","width":"130px","height":"50px"},200)},function(){$(this).animate({"left":"250px","top":"135px","width":"130px","height":"50px"},200)})  
  2.              .mousedown(function(){$(this).animate({"width":"110px","height":"40px","left":"260px","top":"145px"},200,function(){$("#logo").hide("slow",function(){$("#galeria").show("slow");});})})  
  3.              .mouseup(function(){$(this).animate({"width":"130px","height":"50px","left":"240","top":"130px"},200)});  
egy probléma van vele hogy a képekre kattintva nem történik semmi és a jobbra és balra gombok sem akarnak müködni,vagyis nem megy a JQuery-is része a proginak.:S
7

Nem létezik

Poetro · 2009. Aug. 20. (Cs), 00.02
Mivel maga a #galeria és annak #jobbra gombja még nem létezik akkor mikor hozzá próbálod rakni az eseményt, ezért nem is fog semmi történni. Előbb talán hozzá kellene adni a dokumentumhoz.
8

Tényleg!!! De sügér vagyok!

Medve · 2009. Aug. 24. (H), 19.12
Tényleg!!! De sügér vagyok! XD
kössze:D