плагин Resizable

Обсуждаются вопросы по надстройке jQuery UI - официальные виджеты и плагины для организации взаимодействия с элементами интерфейса.

Модераторы: EGORR, Gennady

плагин Resizable

Сообщение sNICkerssss » 08 май 2010, 03:59

Всем привет. Не могу найти ришение. Когда делаем картинку "resizable", как можно задать по ее углам картинки-иконки (например маленькие квадраты или стрелки) каторые и будут символизировать что рисунок можно растянуть :?:
Какие есть библиотеки как альтернатива для плагина Resizable?
sNICkerssss
 
Сообщений: 2
Зарегистрирован: 08 май 2010, 03:48

Re: плагин Resizable

Сообщение sNICkerssss » 08 май 2010, 13:06

Решение найдено.

JS:
Код: выделить все
$(function(){
  $("#foto_edit_img").resizable({
   aspectRatio: true,
   handles: "ne, se, sw, nw"
  });
});



HTML:
Код: выделить все
<div id="foto_edit">
<img src="photo.jpg" id="foto_edit_img">
</div>



CSS:
Код: выделить все
#foto_edit .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url('/instruction/forum/resizable.gif'); }

#foto_edit .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url('/instruction/forum/resizable.gif'); }

#foto_edit .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url('/instruction/forum/resizable.gif'); }

#foto_edit .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url('/instruction/forum/resizable.gif'); }
sNICkerssss
 
Сообщений: 2
Зарегистрирован: 08 май 2010, 03:48

Re: плагин Resizable

Сообщение TRAHOMOTO » 08 май 2010, 13:26

Спасибо!, как раз начал копать в этом направлении, но вы опередили :)
Предполагается наличие объекта
Аватар пользователя
TRAHOMOTO
Модератор
 
Сообщений: 513
Зарегистрирован: 19 янв 2010, 17:18
Откуда: Украина, Луганск


Вернуться в jQuery UI

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1