0

我正在使用 colorbox ( http://www.jacklmoore.com/colorbox/ ) 在叠加层中显示图像。我想在鼠标悬停事件上显示图像。从stackoverflow上的另一个问题我得到了使用鼠标悬停的代码（JQuery：mouseover打开一个灯箱但mouseout无法正确关闭它）。现在我想在我放置鼠标的图像的一侧显示颜色框覆盖（图像的左侧或右侧取决于窗口上的空间，但不在窗口的中心）。我没有办法做到这一点。我在 JQuery 方面非常业余。请帮忙。

这是我的带有鼠标悬停事件的颜色框的工作代码：

<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>

谢谢并恭祝安康。

4

0 回答 0