Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: jQuery +Resizable
 
 автор: Jaroslav   (10.01.2010 в 00:21)   письмо автору
162.4 Кб
 
 

Здравствуйте.

Подскажите, пожааааалуйста...
Не могу разобраться с jQuery и Resizable...
В архиве пример скрипта, необходимо применить к скрипту

Опцию: aspectRatio

Чтобы окно "растягивалось" не как угодно, а "согласно коэффициенту пропорциональности относительно исходного размера элемента. "

Как это сделать?

  Ответить  
 
 автор: ~AquaZ~   (10.01.2010 в 20:51)   письмо автору
 
   для: Jaroslav   (10.01.2010 в 00:21)
 

http://jqueryui.com/demos/resizable/#aspect-ratio
http://jqueryui.com/demos/resizable/aspect-ratio.html

  Ответить  
 
 автор: Jaroslav   (11.01.2010 в 19:50)   письмо автору
 
   для: ~AquaZ~   (10.01.2010 в 20:51)
 

Спасибо, но я это видел...
Применяю к тому коду, что в архиве - не получается..

Хочу, чтобы в этом примере - http://i-novice.net/demos/cropper/index.html прямоугольник растягивался пропорционально.. Он и приведен в архиве...

Там такой код:


<script type="text/javascript">
$(document).ready(
        function()
        {
                $('#resizeMe').Resizable(
                        {
                                aspectRatio: 16/9,
                                minWidth: 50,
                                minHeight: 50,
                                maxWidth: 400,
                                maxHeight: 400,
                                minTop: 50,
                                minLeft: 50,
                                maxRight: 700,
                                maxBottom: 500,
                                dragHandle: true,
                                onDrag: function(x, y)
                                {
                                        $('#left').html((x-50)+'px');
                                        $('#top').html((y-50)+'px');
                                },
                                handlers: {
                                        se: '#resizeSE',
                                        e: '#resizeE',
                                        ne: '#resizeNE',
                                        n: '#resizeN',
                                        nw: '#resizeNW',
                                        w: '#resizeW',
                                        sw: '#resizeSW',
                                        s: '#resizeS'
                                },
                                onResize : function(size, position) {
                                        $('#left').html((position.left-50)+'px');
                                        $('#top').html((position.top-50)+'px');
                                        $('#width').html(size.width);
                                        $('#height').html(size.height);
                                }
                        }
                )
        }
);
</script>



Указано: aspectRatio: 16/9 - почему не применяется?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования