图像预览Jquery

任何人都有一个好的jquery图像预览插件。我一直在找，但没找到什么好东西。这些要求是：

• 图像显示在悬停状态
• 图像悬停翻转以避免与浏览器窗口的侧面碰撞

我一直在使用imgPreview，但它不提供冲突。还有其他的吗

---

谢谢

您可以继续使用imgpreview，并利用show上的回调

。这在插件文档中有详细说明。回调包含对容器的引用，然后可以将容器的CSS属性更改为位置

将container设置为hidden，然后自己将其放置在回调中。通过查看示例，容器是绝对定位的，所以您只需修改顶部和左侧属性即可将它们显示在屏幕上

pseudocode:
$('a').imgPreview({
  imgCSS: {
      visible: 'hidden'
  },
  onShow: function(link){
      //is element visible?
      $(this).css('top', xx).css('left', yy).css('visible', '');
  }
});

---

谢谢@mrtsherman，这不完全是我用的，但它让我思考。我做到了：

$('.a').imgPreview(
            {
                preloadImages : false,
                onLoad: function()
                {   
                    if ($(this).parent().position().left > 600)
                    {
                        var pLeft = $(this).parent().position().left;
                        var pTop = $(this).parent().position().top;
                        var width = $(this).parent().width();
                        pLeft = pLeft - width;
                        $(this).offset({top: pTop, left: pLeft});
                    }
                    else
                    {
                        var pLeft = $(this).parent().position().left;
                        var pTop = $(this).parent().position().top;
                        $(this).offset({top: pTop, left: pLeft});
                    }
                }
            }
        )