通过拖动将图像加载到div的边界

时间:2011-01-27 15:05:05

标签: javascript mootools

建立试图为一个简单的在线游戏构建一个可拖动的世界地图,但我似乎无法做到正确。
我的想法是,我有一系列图像,可以将地图放在彼此旁边。可以使用Mootools More的Drag.Move拖动地图来探索它。它完美地工作,直到我到达保存地图的div的边界:在那时,应该加载一个新图像,这样你可以进一步拖动而不仅仅看到蓝色背景。但是,什么都没有加载。如果我删除了寻找div边框的部分,会显示大量图像,所以我猜测问题在于检测边缘。

我希望有人知道如何检测两个div边界是否“碰撞”(我有一个地图元素和一个溢出:隐藏;容器因此地图不会覆盖所有页面),加载应该没问题。< / p>

我通常不清楚,对不起。让我举个例子。

我正试着去世界地图的最边缘。一旦加载的地图的下边缘接近地图容器的下边缘,就应该放置一个新图像。所以我想要的是要么获得两个元素的底边之间的距离,要么在这两个边缘“碰到”彼此时触发事件。

对于这种长文本的方式感到抱歉,我总是害怕我太不清楚......在那个注意事项上,这通常都是正确的。

提前致谢!

0 个答案:

没有答案