我需要用于使花式盒子可移动的代码

时间:2012-01-09 12:30:08

标签: html fancybox

以下是故事:

在我的网站上www.galeriapunto.com我在主页上使用一个精美的盒子来预先显示最新消息。

我需要用户能够将这个窗口移动到他们感觉最舒服的地方,但我似乎无法找到如何做到这一点。你能告诉我这是否可行,如果是的话我应该使用什么代码?

提前致谢

1 个答案:

答案 0 :(得分:0)

您需要easydrag jQuery plugin

@myHeadHurts提供的link with the example(谢谢),我在2009年使用这个脚本为fancybox v1.2.x写了它:

<script type="text/javascript">
$(function(){
    // add drag and drop functionality to fancybox
    $("#fancy_outer").easydrag();
});
</script>

它在v1.3.1之前工作正常,但调整脚本如:

<script type="text/javascript">
$(function(){
    // add drag and drop functionality to fancybox
    $("#fancybox-outer").easydrag();
});
</script>

然而,上面的脚本与fancybox v1.3.4(关闭按钮和导航箭头放错位置)的工作“buggy”,所以我停止使用它(没时间修复代码或找到解决方法)。

我还没有用v2.x进行过测试,但我的猜测是它无法开箱即用。 easyDrag插件自2008年以来一直没有更新。