实现图像移动[重复]

问题描述 投票:0回答:1

大家下午好

我们必须以能够修改图像相对顺序的方式实现图像的移动。

您能为我们提供有关 PHP 或 Javascript 中此类实现的建议吗?

我们需要一个起点来完成此实施。我们需要处理的图像部分具有以下 HTML 代码:

<div class="attachments"><input type="hidden" name="current_folder_id" id="current_folder_id" value="0">
  <div class="mediamanager_container">
    <div id="attach_id_10073202" class="mediamanager_item">
      <div class="mediamanager_item_design">
        <div class="mediamanager_icon">
          <div class="mediamanager_icon_img" style="background-image: url('//gestionale.lenuslab.com/gest/config/gestionale/media/cache/80x80_1697188859_b85d5598cefb73bbdd2ae3ab68c4a7c6.png')"></div>
        </div>
        <div class="mediamanager_elems"><span class="media_filename"><a href="//gestionale.lenuslab.com/gest/config/gestionale/media/1697188859_b85d5598cefb73bbdd2ae3ab68c4a7c6.png" target="_blank">Promo pneumatici (3)</a></span><span class="media_filesize">934.10 KB</span>
          <div class="attachment_toolbar"><a data-attachment-id="10073202" class="edit_attchment_btn" data-toggle="modal" data-target="#edit_attachment" data-bs-toggle="modal" data-bs-target="#edit_attachment"><i class="fa-regular fa-pencil" aria-hidden="true"></i></a> <a data-attach-id="10073202"
              href="https://gestionale.lenuslab.com/gest/index.php?template=edit&amp;db=social_posts&amp;sql=&amp;id=4590&amp;delete_attachment=10073202" class="delete_attach"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
        </div>
      </div>
    </div>
    <div id="attach_id_10073201" class="mediamanager_item">
      <div class="mediamanager_item_design">
        <div class="mediamanager_icon">
          <div class="mediamanager_icon_img" style="background-image: url('//gestionale.lenuslab.com/gest/config/gestionale/media/cache/80x80_1697188552_e4475b9eabbb9520ad1ad93958eff930.png')"></div>
        </div>
        <div class="mediamanager_elems"><span class="media_filename"><a href="//gestionale.lenuslab.com/gest/config/gestionale/media/1697188552_e4475b9eabbb9520ad1ad93958eff930.png" target="_blank">Promo pneumatici (1)</a></span><span class="media_filesize">662.66 KB</span>
          <div class="attachment_toolbar"><a data-attachment-id="10073201" class="edit_attchment_btn" data-toggle="modal" data-target="#edit_attachment" data-bs-toggle="modal" data-bs-target="#edit_attachment"><i class="fa-regular fa-pencil" aria-hidden="true"></i></a> <a data-attach-id="10073201"
              href="https://gestionale.lenuslab.com/gest/index.php?template=edit&amp;db=social_posts&amp;sql=&amp;id=4590&amp;delete_attachment=10073201" class="delete_attach"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
        </div>
      </div>
    </div>
    <div id="attach_id_10073200" class="mediamanager_item">
      <div class="mediamanager_item_design">
        <div class="mediamanager_icon">
          <div class="mediamanager_icon_img" style="background-image: url('//gestionale.lenuslab.com/gest/config/gestionale/media/cache/80x80_1697188552_452da326e0ea729f9ca16054a4ffd56f.png')"></div>
        </div>
        <div class="mediamanager_elems"><span class="media_filename"><a href="//gestionale.lenuslab.com/gest/config/gestionale/media/1697188552_452da326e0ea729f9ca16054a4ffd56f.png" target="_blank">Promo pneumatici (2)</a></span><span class="media_filesize">318.27 KB</span>
          <div class="attachment_toolbar"><a data-attachment-id="10073200" class="edit_attchment_btn" data-toggle="modal" data-target="#edit_attachment" data-bs-toggle="modal" data-bs-target="#edit_attachment"><i class="fa-regular fa-pencil" aria-hidden="true"></i></a> <a data-attach-id="10073200"
              href="https://gestionale.lenuslab.com/gest/index.php?template=edit&amp;db=social_posts&amp;sql=&amp;id=4590&amp;delete_attachment=10073200" class="delete_attach"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
        </div>
      </div>
    </div>
  </div><br>
  <hr>
  <div class="attachment_folder">
    <div class="row">
      <div class="col-md-4"><input type="text" autocomplete="off" class="form-control" name="folder_name" placeholder="Nome cartella..." value=""></div>
      <div class="col-md-8"><a href="javascript:;" class="btn btn-default btn-attachment-folder" disabled="disabled"><i class="fa-light fa-folder-open" aria-hidden="true"></i> Crea cartella</a></div>
    </div>
  </div>
</div>

您能否从这个意义上支持我们,避免关闭我们每次使用的问题、讨论和帐户?

到目前为止收到的反馈并不能令我们满意,也不足以开始执行指定的实施。请耐心等待并适当支持我们。

谢谢你

我们希望通过收到适当的反馈来获得充分的支持

javascript php html image move
1个回答
-2
投票

<div class="attachments"><input type="hidden" name="current_folder_id" id="current_folder_id" value="0"><div class="mediamanager_container"><div id="attach_id_10073202" class="mediamanager_item"><div class="mediamanager_item_design"><div class="mediamanager_icon"><div class="mediamanager_icon_img" style="background-image: url('//gestionale.lenuslab.com/gest/config/gestionale/media/cache/80x80_1697188859_b85d5598cefb73bbdd2ae3ab68c4a7c6.png')"></div></div><div class="mediamanager_elems"><span class="media_filename"><a href="//gestionale.lenuslab.com/gest/config/gestionale/media/1697188859_b85d5598cefb73bbdd2ae3ab68c4a7c6.png" target="_blank">Promo pneumatici (3)</a></span><span class="media_filesize">934.10 KB</span><div class="attachment_toolbar"><a data-attachment-id="10073202" class="edit_attchment_btn" data-toggle="modal" data-target="#edit_attachment" data-bs-toggle="modal" data-bs-target="#edit_attachment"><i class="fa-regular fa-pencil" aria-hidden="true"></i></a> <a data-attach-id="10073202" href="https://gestionale.lenuslab.com/gest/index.php?template=edit&amp;db=social_posts&amp;sql=&amp;id=4590&amp;delete_attachment=10073202" class="delete_attach"><i class="fa fa-trash" aria-hidden="true"></i></a></div></div></div></div><div id="attach_id_10073201" class="mediamanager_item"><div class="mediamanager_item_design"><div class="mediamanager_icon"><div class="mediamanager_icon_img" style="background-image: url('//gestionale.lenuslab.com/gest/config/gestionale/media/cache/80x80_1697188552_e4475b9eabbb9520ad1ad93958eff930.png')"></div></div><div class="mediamanager_elems"><span class="media_filename"><a href="//gestionale.lenuslab.com/gest/config/gestionale/media/1697188552_e4475b9eabbb9520ad1ad93958eff930.png" target="_blank">Promo pneumatici (1)</a></span><span class="media_filesize">662.66 KB</span><div class="attachment_toolbar"><a data-attachment-id="10073201" class="edit_attchment_btn" data-toggle="modal" data-target="#edit_attachment" data-bs-toggle="modal" data-bs-target="#edit_attachment"><i class="fa-regular fa-pencil" aria-hidden="true"></i></a> <a data-attach-id="10073201" href="https://gestionale.lenuslab.com/gest/index.php?template=edit&amp;db=social_posts&amp;sql=&amp;id=4590&amp;delete_attachment=10073201" class="delete_attach"><i class="fa fa-trash" aria-hidden="true"></i></a></div></div></div></div><div id="attach_id_10073200" class="mediamanager_item"><div class="mediamanager_item_design"><div class="mediamanager_icon"><div class="mediamanager_icon_img" style="background-image: url('//gestionale.lenuslab.com/gest/config/gestionale/media/cache/80x80_1697188552_452da326e0ea729f9ca16054a4ffd56f.png')"></div></div><div class="mediamanager_elems"><span class="media_filename"><a href="//gestionale.lenuslab.com/gest/config/gestionale/media/1697188552_452da326e0ea729f9ca16054a4ffd56f.png" target="_blank">Promo pneumatici (2)</a></span><span class="media_filesize">318.27 KB</span><div class="attachment_toolbar"><a data-attachment-id="10073200" class="edit_attchment_btn" data-toggle="modal" data-target="#edit_attachment" data-bs-toggle="modal" data-bs-target="#edit_attachment"><i class="fa-regular fa-pencil" aria-hidden="true"></i></a> <a data-attach-id="10073200" href="https://gestionale.lenuslab.com/gest/index.php?template=edit&amp;db=social_posts&amp;sql=&amp;id=4590&amp;delete_attachment=10073200" class="delete_attach"><i class="fa fa-trash" aria-hidden="true"></i></a></div></div></div></div></div><br><hr><div class="attachment_folder"><div class="row"><div class="col-md-4"><input type="text" autocomplete="off" class="form-control" name="folder_name" placeholder="Nome cartella..." value=""></div><div class="col-md-8"><a href="javascript:;" class="btn btn-default btn-attachment-folder" disabled="disabled"><i class="fa-light fa-folder-open" aria-hidden="true"></i> Crea cartella</a></div></div></div></div>

© www.soinside.com 2019 - 2024. All rights reserved.