原型UI -支持拖放的旋转木马

Question

有没有人知道是否有可能在prototype中创建一个图像轮播，然后将这些图像从轮播中drag+drop到一个可丢弃的div中？

我在jCarousel上使用jQuery UI的可拖放插件也做了同样的事情。谢谢!

Answer 1

我认为这样做的诀窍是小心地控制旋转木马的围堵。根据我使用Prototype/Scriptaculous拖放的经验，如果源代码包含在overflow设置为隐藏或滚动的元素中，则无法将其拖出。Carousel通常包含在div中，溢出设置为隐藏，因此如果从一个图像移动到另一个图像的动画不是完全同步的，元素大小就不会脉动。

一种选择是让你的旋转木马使用大小相等的图像，这些图像绝对定位在相同的坐标上，然后简单地从一个图像到下一个图像淡入淡出，那么容器可以很简单(或者根本没有)，然后脚本拖放应该可以正常工作。