div的流体间距

我有一个主图像页面。 主图像将根据照片改变其高度和宽度。 我还在图像旁边有一个AddThis共享小部件。 我的间距对于一个尺寸的图像是正确的。 如何根据图像大小设置AddThis div以流畅地保持其当前间距?

这是一个链接,所以你可以看到我正在谈论的一个例子。 页面上的黑框(白色轮廓)表示将更改的图像。 AddThis div目前调整高度而不是宽度。 这是AddThis div的CSS:

style =“left:-110px; top:-220px;” / *当前如何定位,我喜欢当前的间距。 它必须保持这个间距* /

 .addthis_floating_style{ background: none repeat scroll 0 0 #000000 !important; position: relative !important; } 

如何更改此设置以便AddThis正确调整其间距到图像的高度和宽度?

我想到的另一种方法是使用jQuery读取图像的高度和宽度,然后根据图像大小设置AddThis div的lefttop元素。 这需要动态计算。

我将使用最好的方法。 请提供一个示例,因为javascript不是我的强项。

更新:我读了另一个问题,并阅读了提供的答案 ,我想知道它是否会解决我的问题,但似乎没有正常工作。 这是代码尝试过的(注意:我目前正在使用的是上面的代码,下面的代码是我尝试过的):

JS

 var $j = jQuery.noConflict(); $j("#add-this-vertical").position({ my: "right top", at: "right bottom", of: $j("#image-container"), collision: "fit" }) 

HTML

 
test

您可以像这样在图像标记中添加一些JavaScript:

  

然后在你的文档的其他地方:

  

这是我如何做到这一点,但我的图像不再以页面为中心。 正在努力……

 
test