jQuery：異なる方向の1つの関数で2つの画像をアニメーション化する

Question

1つの関数を使用して2つの異なる画像をアニメーション化しようとしています。私が抱えている問題は、画像の1つが左の属性をアニメートする必要があり、もう1つは右の画像をアニメートする必要があるということです。私はいくつかの異なるものを試みたが、これは限り私が得たようである：

$(document).ready(function(){ 
     var puppy = $('.puppy'), 
      woman = $('.woman-smiling'); 

     fadeImages(puppy, "left"); 
     fadeImages(woman, "right"); 
    }); 

    function fadeImages($image, $direction){ 
     $image.delay(500) 
      .css({ 
       visibility: "visible", 
       display: "none" 
      }).animate({ 
       opacity: "show", 
       $direction: "0px" 
      }, 1750); 
    } 

遅延や細かい作業をフェージングが、方向が台無しだものです。 TIA !!!

Answer 1

私はあなたがしているように$ directionを使うことはできないと思います。おそらくこれはうまくいくでしょう：

function fadeImages($image, $direction){ 

    var properties = new Object(); 
    properties['opacity'] = "show"; 
    properties[$direction] = "0px"; 

    $image.delay(500) 
     .css({ 
      visibility: "visible", 
      display: "none" 
     }).animate(properties, 1750); 
} 

Answer 2

はこのお試しください：

var config = { opacity: "show" }; 
config[$direction] = "0px;" 

.animate(config, , 1750); 

をあなたが持っていることは、それはその場合のKEYとして$directionを使用しているため、動作していない、とあなたの変数の値のためにそれを代入されていません。