Jquery在图像问题下显示圆形标记图像

我想在html Dom的所有图像标记上添加圆形标记图像（25 * 25像素）。它的作品，但与我的代码的位置有时会改变，它经常显示在图像下。Jquery在图像问题下显示圆形标记图像

这里是我的代码：

jQuery("img").each(function() { 
    var image = jQuery(this); 
    if ((image.width() >= 512) && (image.width() <= 2048)){ 
     image.parent().css('display', 'inline-block'); 
     var top_pos = image.offset().top+200, left_pos = image.offset().left+150;      
     image.parent().append('<div class="tag_image first_tag_image1" id="first_draggable1" style="position:absolute;'+'top:'+top_pos+'px;'+'left:'+left_pos+'px;">'); 
     //do something 
    } 
});

如果谁知道该怎么做？如有任何问题，请添加评论。

来源

2015-12-10 JengGe Chao

给我们https://jsfiddle.net/ – Sko

你可以用css来实现这一点。例如，为您的图像添加一个'：before'或'：after'元素。 – Gonzalo

@Gonzalo非常感谢。我解决了问题。 –

您必须使用：before。例如image.before（'//一些代码'）

来源

2015-12-15 17:50:34

我已经解决了这个问题。 –

Jquery在图像问题下显示圆形标记图像

回答

相关问题