загрузка картинки и обрезка ее миниатюры

[wellcome]

всем привет. очень надеюсь что мне тут помогут.

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

для обрезки изображения взял http://ajaxs.ru/lesson/jq/138-jcrop.html этот вариант.
после загрузки картинки я вывожу эту картинку в модульное окно такой строкой $('#img_mini_avatar').html('<img id="target" alt="[Jcrop Example]" src="'+path+file+'" />'); но ничего не работает...

если картинку вставить в код, и перезагрузить стр все будет работать. в чем дело??

[Alex11223]

Ну видимо проблема в path+file. Что это?

[wellcome]

нет проблема не там. это как раз путь после загрузки картинки

[wellcome]

Сообщение от Alex11223

Ну видимо проблема в path+file. Что это?

картинка та сама работает. не работает выделение.

[Alex11223]

нет проблема не там. это как раз путь после загрузки картинки

Ну определяйте в чем причина.

В консоли (кнопка F12) есть ошибки?
Вставляется ли вообще элемент img туда, куда надо (тоже F12 или ПКМ—>Inspect в помощь)?
Что в file+path и совпадает ли оно с путем при "если картинку вставить в код"?

[wellcome]

Сообщение от Alex11223

Ну определяйте в чем причина.

В консоли (кнопка F12) есть ошибки?
Вставляется ли вообще элемент img туда, куда надо (тоже F12 или ПКМ—>Inspect в помощь)?
Что в file+path и совпадает ли оно с путем при "если картинку вставить в код"?

в консоле ошибок нету. если скопировать элемент (f12) который загружает картинку для редактирования(имеет такой вид <img id="target" alt="[Jcrop Example]" src="images/users/users76/76_1.png">) если его скопировать в код, и обновить страницу, то редактирование появиться..

могу залить на хостинг файлы и скинуть вам ссылку

[Alex11223]

В том коде события выделения и т.п. вроде просто устанавливаются при загрузке страницы (считая что картинка #target уже есть).

Можно либо выделить это в отдельную функцию и вызывать ее, либо использовать on на родителе http://api.jquery.com/on/ вместо событий на самом #target.

[wellcome]

Сообщение от Alex11223

Можно либо выделить это в отдельную функцию и вызывать ее, либо использовать on на родителе http://api.jquery.com/on/ вместо событий на самом #target.

$('#target').Jcrop({
onChange: showCoords,
onSelect: showCoords
},function(){
jcrop_api = this;
});

я так понял это вот с этим куском нужно возиться??

[wellcome]

Сообщение от Alex11223

В том коде события выделения и т.п. вроде просто устанавливаются при загрузке страницы (считая что картинка #target уже есть).

Можно либо выделить это в отдельную функцию и вызывать ее, либо использовать on на родителе http://api.jquery.com/on/ вместо событий на самом #target.

я сделал так, ошибка тут onSelect: showCoords (Uncaught SyntaxError: Unexpected token
$('#target').on("Jcrop",function(){
onChange: showCoords,
onSelect: showCoords
},function(){
jcrop_api = this;
});

[Alex11223]

Наверно showCoords не видим там, где вы это делаете.
https://developer.mozilla.org/ru/doc...cript/Closures

Или вы просто on попытались добавить там? Это не так делается, смотрите второй пример о tr http://api.jquery.com/on/, но вообще тут оно наверно не поможет.