Свободное перемещение объектов

Модификация поможет настроить элементы, чтобы пользователь мог сам перемещать их

Назад

Zero-блок

Инструкция для установки

1. Добавляете для элемента в зеро-блоке имя класса, которое вы укажете в генераторе.

2. Копируете готовый код из генератора и вставляете в блок T123.

Видеоинструкция

Текстовая инструкция

! Задавайте один класс для всех объектов, которые вы хотите перемещать.

Генератор кода

Имя класса для элементов

Скопировать код

Код скопирован

Внешний вид вашей модификации

Код с вашими параметрами

 <!--Свободное перемещение объектов с классом .drag --> <!-- http://twikup.ru/movingelements --> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"> </script> <style> .movingelements{ /* Класс, добавляемый при перемещении элемента */ transform:
      scale(0.9); /* Уменьшение элемента */ }
    </style> <script>
      $(document).ready(function() {
        let zIndex = 10;
        $('.drag').draggable({ //Класс ваших элементов
          cursor: "grabbing",
          //Тип курсора при перемещении элемента
          start: function() {
            $(this).css("z-index", zIndex++);
          }
        });
      });
    </script>

Могут быть интересны

Техническая поддержка

Заказать установку

Тебе нужна помощь
с установкой или возник вопрос по сервису?