-1

我制作了一个图像滑块。单击图像时，我正在动态创建div带有一些文本的图像。在图片的onClick事件中，我div给图片添加了a，然后图片被翻转，div应该是可见的。但是图像出现在页面的最右侧。如何给它与图像位置相同的位置？

我使用此代码创建div然后向其添加图像：

function flipIt(obj){
    //$(obj).wrap("<div class='centerImage'></div>")

    console.log("value before Function status   "+status);

    $(obj).wrap($('<div class="foobar"/>').css({
        "position" : "absolute",
        "left"     : $(obj).position().left,
        "top"      : $(obj).position().top,
        "height"   :$(obj).height(),
        "width"    :$(obj).width(),
    }));
    $
    alert('classes ..'+$(obj).hasClass("foobar").toString());
    $(obj).animate({"left": "-=40px","opacity": "0.65"},"slow");
    $(obj).animate({"height":"600px","width":"320px"},30);

    $(obj).css("-webkit-backface-visibility","hidden");
    $(obj).css("-webkit-transform-style","preserve-3d");
    $(obj).css("-webkit-transition","all 1.0s linear");
    $(obj).css("transform-style","preserve-3d");
    $(obj).css("transition","all 1.0s linear");

    $(obj).css("-webkit-transform","rotateY(180deg)");
    $(obj).css("transform","rotateY(180deg)");
    //$(obj).css("box-shadow","-5px 5px 5px #aaa");

    status=0;
    console.log("after if value set status   "+status);
}

.foobar div 的 CSS 属性：

.foobar
{
    -webkit-backface-visibility:visible;
    position:absolute;
    color:red;
    background-color: red;
    background:red;
    content: div is here;
    height:450px;
    width:250px;
}

如何将div所选位置置于该位置img？

4

2 回答 2

0

$("#id").html("<div class='foobar'>This is div</div>")
给出图像所在的 div 的 id 名称

于 2013-05-07T10:14:39.970 回答
0

试试这个代码：

 $("#id").wrap('<div class="foobar"/>');

看演示

于 2013-05-07T10:30:07.507 回答