0

div に読み込まれている画像を動的に配置したい。親divの高さを取得し、現在ロードされている画像の高さを取得し、これを親divから差し引いて2で割る解決策を考えました..このようなもの..

$(".gallery a").click(function (evt) {
      evt.preventDefault();
      $(".image").empty().append( 
      $("<img>", {src: this.href})
      );
    });

ここにこのようなものを追加したいのですが、正確なコードがわかりません

$("<img>", {src: this.href, style: (margin-top:350-src.height()/2})

ここで、350 は私の親 div の高さです..これのコードを教えてください..私はすべてを試しましたが、これらの動的に読み込まれる画像では他に何も機能しません。

4

1 に答える 1

1

以下に投稿したコードの「mydesirednumber」変数には、「親divの高さを取得し、現在ロードされている画像の高さを取得し、これを親divから差し引いて2で割る」に対する答えが含まれています

以下の例では、DOM 構造が次のようになっていると想定しています。

GALLERY
  - DIV CLASS="thatdiv"
     -IMAGE
     -IMAGE
     -IMAGE
  - A (anchor)
  - A (another anchor)...

コードは以下のとおりです。

$(".gallery a").click(function (evt) {
      evt.preventDefault();
      //whatever else you wanted to do before, here
      var parentdivheight = $('.thatdiv').height();
      var imageheight = $(<<WHEREVER-CURRENTLYLOADING-IMAGE-IS>>).height();
      var mydesirednumber = (parentdivheight - imageheight)  /2 ;
       //whatever else you wanted to do after, here

    });
于 2012-09-05T09:05:47.550 に答える