如何使JQuery在文本右边（而不是下面）显示悬停图像？

Question

I am using JQuery code for a particular operation. When you move your cursor over text my code displays an icon.

I have a problem when I move cursor over the text, my image should appear to the right. Currently, it appears below the text.

Answer 1

Best thing to do would be to set the background-image and padding of the text with the jquery:

$(".pictureTrigger").hover(
  function () {
    $(this).attr('style', 'padding-left: 20px; background:url() top left no-repeat'); 
  }
);

check it out here , its a staring point for you, you'll need to do the mouseout if you want it to go too.