0

画像の外側に div を動的に作成してから、回転を実行しようとしています。私はコードを書きましたが、画像の反転は行われましたが、3D 回転を見ることができません。

$(obj).css("-webkit-transform","rotateY(180deg)");
$(obj).css("transform","rotateY(180deg)");


var imgLeftPos = $(obj).position().left;
var imgTopPos = $(obj).position().top;

$(obj).wrap('<div class="f1_card"></div>');
$(obj).wrap('<div class="front face"></div>');
$(".f1_card").wrap('<div class="f1_container"></div>');
var div = $("<div class='back face'></div>");
$('.face').after(div);
$('.back').css("left",imgLeftPos+"px");
$('.back').css("top",imgTopPos+"px");
var arrId = parseInt(obj.id.substr(2));
console.log("arrId   = "+arrId)
window.setTimeout(function () {

    $(".back").html(imgArr[arrId]);
},900);

2回目のクリックで、画像を反転するコードを書きました。その反転は、3D回転で見ることができます。私のコードの問題は何ですか？

4

1 に答える 1

0

あなたは間違った方法でやろうとしていると思います。

すべての CSS を既に作成してテストしてから、スクリプトを使用して div を作成し、CSS で定義したクラスに割り当てることをお勧めします。

于 2013-05-25T11:30:21.010 に答える