这个插件真不错,鼠标拖动替换照片

提问 未结
7 454
微秀
微秀 2017-11-18
悬赏:50飞吻


求一个这样的插件:
如gif图片所示,
我把图片批量上传到“右侧的图片库”
通过鼠标拖动图片库的图片,就能添加到编辑区,或者替换编辑区的照片,
很酷,用户体验很棒

求方法,或者相关插件~~~
回帖
  • 王华
    2017-11-18
    效果看起来不错啊,你截图的这个网址发来,我帮你看看。
    0 回复
  • 微秀
    2017-11-18
    @王华 你好,这个网的,登录进入他们的制作平台,
    https://aimeike.tv/

    里面的js压缩过,看不出哪些代码是这个功能的,

    求助....
    0 回复
  • 这个插件是挺酷的,但是体验不棒,拖动没毛病,还要拖到对应的框里面,要是拖一两次感觉还挺棒,要是拖十几次,手都吃不消!
    体验还不如勾选之后再点击添加
    0 回复
  • 微秀
    2017-11-19
    @蓝色小药丸 建议你去体验一下,他有一键添加所有照片功能的

    只需要将所有照片一次性上传到图片库,一键添加,然后通过拖动调整,而不需要像别的,需要点击相关按钮或者原图片,打开一个对话框,选择新上传一张替换
    0 回复
  • 好吧,看GIF还以为不能一键添加,一张张拖肯定是吃不消的
    0 回复
  • 微秀
    2017-11-20
    @王华
    你好,研究得怎么样了??
    0 回复
  • 王华
    2017-11-21
    @微秀 看了一下,代码是压缩过的,只能就自己看到的效果,理个大致的思路:
    就是将所有对象的位置记录下来(每一个对象的x、y坐标,长、宽都是可以获取的),监听这些对象的拖动事件,如果某个对象被拖动,则根据其新的位置,计算它在所有对象中新的排列位置,等于是每一次拖动,都要重新计算一下队列中的排序。
    说起来简单,但是细节的实现、特别是拖动后重新计算位置排序,算法是需要仔细推敲的。
    供您参考。
    0 回复
本帖已设置禁止回复