VPF::Как настроить angular-gridster? - Форум программистов

mdlv

Дата 17.9.2015, 10:48 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 14.5.2012

Репутация: нет
Всего: нет

Как настроить angular-gripster, чтобы убрать Z-слои и наложение изображений друг на друга? Сейчас, если изображения большие, они накладываются друг на друга.
Настройки, видимо, находятся в

Код


$scope.gridOpts

И еще не срабатывает

Код


resizable: { enabled : false }

все равно можно растягивать изображения.
Есть официальный демо-пример, там ресайз каким-то образом отключается.
Мои текущие настройки (из демо-примера):

Код


$scope.gridsterOpts = {
margins: [20, 20],
outerMargin: false,
floating: true,
pushing: true,
draggable: {
enabled: true
},
resizable: {
enabled: false,
handles: ['n', 'e', 's', 'w', 'se', 'sw']
}
}

Необходимо, чтобы изображения не накладывались друг на друга, т.е. учитывался их реальный размер, и они просто располагались рядом; чтобы не было возможности ресайза при помощи растягивания изображений за угол. И была возможность перемещения. Сейчас изображения перемещаются нормально, но накладываются друг на друга, и все равно доступен ресайз.

Обновление:
После добавления к html-блоку div, в котором находятся все изображения, опции

Код


<div gridster="gridsterOpts">

ресайз выключился. Осталась проблема наложения друг на друга изображений.

Это сообщение отредактировал(а) mdlv - 17.9.2015, 17:06

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »