在居中图像上添加div？

Question

我正在使用ImageFlow SEE我想在图像顶部添加div，一旦图像被点击并滑入中心。 我试图检查js文件，但MoveIT()功能在JS叫了这么多次和m无法识别，

t.wrap('<div class="f1_card"></div>'); 

时，应我写环绕图像格。

谢谢，

Answer 1

您可以使用jquery的prepend（）函数。你只需要选择图像元素，然后调用prepend函数。见例如：

$('.target_image').prepend('<div class="f1_card"></div>'); 

，如果你想，如果你想要一个元素之前新增加的元素这将是好的。但是如果你想用div来包装一个元素，那么你必须使用wrap（）函数。

$('.target_image').wrap('<div class="f1_card"></div>'); 

显然你必须把上面的代码放在click功能或类似的事件中。看例子：

$('.target_image').on('click', function(){ 
    $(this).prepend('<div class="f1_card"></div>'); 
}); 

带班“f1_card”这里的div将是父类的target_image元素。希望这会帮助你。

Answer 2

如果你正在使用动画功能，也许你可以尝试这样的事情。

$('.myimage').click(function() { 
    $(this).animate({ 

    /*.do stuff...*/ 

    }, 'slow', function(){ 
     $(this).prepend('<div class="f1_card">my content here</div>'); 
    }); 
}); 

该工作原理如下。当你点击图片时，它会执行你的jquery动画。一旦执行了正确的动画，该功能将在目的地（在这种情况下，点击的div）预先添加一个元素。根据API文档，这将“插入内容，由参数指定，每个元素的开始在匹配的元素。”

Answer 3

你可以居中div和css中使用的z-index。