Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Resize изображения 
:(
    Опции темы
DimaSiK
Дата 17.12.2007, 14:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Имееется изображение. К изображению прикручен Drag&Drop. Стоит задача прикрутить еще и Resize изображения. Чтобы можно было уменьшать размеры с любой стороны курсором мыши. 


--------------------
Мы не стараемся быть первыми, мы стараемся быть лучшими.

PM MAIL   Вверх
ksnk
Дата 17.12.2007, 16:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Посмотри вот тут. Если ткнуть в какую-то картинку - появится окошко просмотра, в котором картинку можно шевелить-двигать мышкой  и увеличивать-уменьшать скроллером мышки... Это - оно?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
DimaSiK
Дата 18.12.2007, 10:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Нет, это не то. Мне нужно, чтобы я мог изменять изображения с любой стороны. могу сжать слева, могу сжать справа, могу аналогичным образом ее растянуть с любой стороны. В примере это вряд ли сделано на JS. Однако все равно спасибо =)


--------------------
Мы не стараемся быть первыми, мы стараемся быть лучшими.

PM MAIL   Вверх
ksnk
Дата 18.12.2007, 11:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Цитата(DimaSiK @  18.12.2007,  10:28 Найти цитируемый пост)
В примере это вряд ли сделано на JS

не понял ? smile Это я сам делал! Все исключительно самодельно и на JS. А что scriptaculos'ные фотогаллереи ты тоже не видел? Там выглядит немного покруче, правда тормознее и с prototype'ом.

Есть примерчик "диалогового" окошка. Его можно таскать за верхний заголовок и изменять размеры почти как в нормальном окне. Он, вероятно, подойдет больше...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
DimaSiK
Дата 18.12.2007, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(ksnk @ 18.12.2007,  11:02)
Цитата(DimaSiK @  18.12.2007,  10:28 Найти цитируемый пост)
В примере это вряд ли сделано на JS

не понял ? smile Это я сам делал! Все исключительно самодельно и на JS. А что scriptaculos'ные фотогаллереи ты тоже не видел? Там выглядит немного покруче, правда тормознее и с prototype'ом.

Есть примерчик "диалогового" окошка. Его можно таскать за верхний заголовок и изменять размеры почти как в нормальном окне. Он, вероятно, подойдет больше...

Вот как раз окошечко это именно то, что мне нужно =), дай пример?


--------------------
Мы не стараемся быть первыми, мы стараемся быть лучшими.

PM MAIL   Вверх
bars80080
Дата 18.12.2007, 11:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



чувак, если бы не бросался драгами и дрогами, я тебе бы сбросил эту ссылку
http://forum.vingrad.ru/forum/topic-186757.html
PM MAIL WWW   Вверх
ksnk
Дата 18.12.2007, 14:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



исходный вариант был - плагин для jQuery. К сожалению он там глючил и оставлял лики для IE. пришлось переделать. От оригинала остался только layout. Вот - мой пример если нажать на кнопочку '?', то появится окошко с хелпом, которое можно разнообразно двигать-ресайзить... 
Для работы с ним сейчас используется jQuery, но только при первоначальном "монтаже" окошка. Можно переписать на DOM без особой потери компактности...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
DimaSiK
Дата 18.12.2007, 14:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(bars80080 @ 18.12.2007,  11:58)
чувак, если бы не бросался драгами и дрогами, я тебе бы сбросил эту ссылку
http://forum.vingrad.ru/forum/topic-186757.html

Этот пример у тебя под Mozillu работал?


--------------------
Мы не стараемся быть первыми, мы стараемся быть лучшими.

PM MAIL   Вверх
bars80080
Дата 18.12.2007, 15:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



под ИЕ точно
и сейчас работает,
надо только изображения заместить, там везде ../img/white.bmp

но понятное дело, не идеал

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

там меня уже задолбало всё и поэтому не довёл до конца

Это сообщение отредактировал(а) bars80080 - 18.12.2007, 16:00
PM MAIL WWW   Вверх
ksnk
Дата 18.12.2007, 16:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Вот, примерчик. Я повыдирал с корнем из проекта smile 
из картинок в /img нужна только alert.gif. остальные используются для другого диалога
css тоже надо бы попричесать...
Картинка внутри не движется, и jQuery не изгнан... Это можешь сам поковыряться... 
в принципе - нужно в процедуру $DDR из engine.js, видимо в mouseact_func вставить процедуру-callback, вызывающуюся при  изменения размера...

P.S. Исправлен баг в IE с ресайзом в отрицательные размеры... и с мувом, заодно

P.P.S.
- была сделана попытка изгнать jQuery. но по ленности - провалилась. Слишком много  от нее пользы.
- перекинут  scalc.js в img_dr.html и переписан create_ex3c так, чтобы он создавал внутри картинку.
- вставлен минимальный  обработчик on_move'а- тупой и сразу демонстрирующий необходимость отнестись к нему посерьезней smile

Вставлена тестовая картинка в архив, не пугайтесь...

Дальнейшие доработки оставляю тредстартеру smile


Это сообщение отредактировал(а) ksnk - 18.12.2007, 21:29

Присоединённый файл ( Кол-во скачиваний: 8 )
Присоединённый файл  img_ddr.zip 29,95 Kb


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
DimaSiK
Дата 18.12.2007, 16:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



сейчас поковыряемся


--------------------
Мы не стараемся быть первыми, мы стараемся быть лучшими.

PM MAIL   Вверх
bars80080
Дата 18.12.2007, 16:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



прикольно,

он у тебя ошибку ловит, если резко влево изменить размер
PM MAIL WWW   Вверх
ksnk
Дата 18.12.2007, 17:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Цитата(bars80080 @  18.12.2007,  16:24 Найти цитируемый пост)
он у тебя ошибку ловит, если резко влево изменить размер 

Не вижу :-( Сообщение какое-нибудь выдает?
То, что он до нуля схлопываться может, это-конечно. баг, потом его не "поймать"... нужно поправить.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
bars80080
Дата 18.12.2007, 17:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



в ИЕ6
если влево за край - строка 402,
если вверх - 403
не допустимый параметр, может в отрицательной зоне не работает?
у тебя там скрипты подключаются, поэтому не берусь судить где конкретно

у меня кстати не схлопывается

Это сообщение отредактировал(а) bars80080 - 18.12.2007, 17:20
PM MAIL WWW   Вверх
DimaSiK
Дата 18.12.2007, 17:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Как вызвать автоматом окошко?
Пишу вот так:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тест окошка DDR'ного</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/jqModal.css" media="screen">
<script type="text/javascript" src="js/jquery-1.2.1.pack.js">
</script>
<script type="text/javascript" src="js/engine.js">
</script>
<script type="text/javascript" src='js/scalc.js'>
</script>
<script type="text/javascript" >

function show(){
    
     showAlert('<div style="margin:1px;padding:1px;">'+
    '<'+'/div>','');
}

function load()
{
    initElEvents();
    show();
   
}
</script>
</head>

<body onload="load();">

</body>
</html>

ВВезде работает кроме ИЕ, зараза ругается=((


--------------------
Мы не стараемся быть первыми, мы стараемся быть лучшими.

PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0948 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.