Question

我正在使用ImageFlow SEE我希望在点击图片并将幻灯片放入中心后在图像顶部添加div。我试过检查js文件，但是在js中调用MoveIT()函数这么多次并且m无法识别，

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

我应该什么时候写一下div来围绕图像。

谢谢，

Answer 1

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

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

如果要在元素之前添加元素，则可以添加元素。但是如果你想用div包装一个元素，那么你必须使用wrap（）函数。

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

显然，您必须将此代码放在您想要的点击功能或类似事件中。看到例子：

$('.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。

在居中图像上添加div？

3 个答案: