colorbox mouseover位置

Question

我使用colorbox（http://www.jacklmoore.com/colorbox/）在叠加层中显示图像。我想在mouseover事件上显示图像。从stackoverflow上的另一个问题我得到了使用鼠标悬停的代码（JQuery : mouseover open a lightbox but mouseout can't close it correctly）。现在我想在我放置鼠标的图像一侧显示颜色框叠加（图像的左侧或右侧取决于窗口上的空间但不在窗口的中心）。我发现没有办法做到这一点。我在JQuery非常业余。请帮忙。

以下是带有鼠标悬停事件的colorbox的工作代码：

<script>

$(document).ready(function(){
        $("a.gallery").colorbox().mouseover(function(){ 

            $(this).click();

            });         


    $('a.gallery').mouseleave(function(){
             $.colorbox.close();
        });    
    }); 

</script>

这是我的标记：

<div class="mygallery">             

<a class='gallery' href='images/knitmen/1.jpg'><img src="images/knitmen/1.jpg" alt ="Knit Men" /></a>
<a class='gallery' href='images/knitmen/2.jpg'><img src="images/knitmen/2.jpg" alt ="Knit Men" /></a>
<a class='gallery' href='images/knitmen/3.jpg'><img src="images/knitmen/3.jpg" alt ="Knit Men" /></a>
<a class='gallery' href='images/knitmen/4.jpg'><img src="images/knitmen/4.jpg" alt ="Knit Men" /></a>

</div>                  

感谢和问候。