Подскажите по jquery

Тема в разделе "Другие языки", создана пользователем rasandrey, 22 мар 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. rasandrey

    rasandrey

    Регистр.:
    2 апр 2009
    Сообщения:
    214
    Симпатии:
    6
    Есть такой сайтик Перейти по ссылке....

    На нем используется скрипт который может масштабировать изображения(если ухватить за правый нижний угол изображения). Может кто знает такой подобный на jquery?

    С перетаскиванием проблем нету, а вот сделать автоматический ресайз изображения с помощью скрипта ,например, Перейти по ссылке не получается
     
  2. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    первый вариант если картинка внутри элемента с resizable то помогает width="100%" height="100%" на картинке, второй вариант сразу на картинку поместить resizable

    HTML:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jQuery UI Resizable - Default functionality</title>
        <link type="text/css" href="http://jqueryui.com/themes/base/jquery.ui.all.css" rel="stylesheet">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
        <link type="text/css" href="http://jqueryui.com/demos/demos.css" rel="stylesheet">
        <style type="text/css">
        #resizable { width: 150px; height: 150px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        </style>
        <script type="text/javascript">
        $(function() {
            $("#resizable").resizable();
            $("#resizable_image").resizable();
        });
        </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
    <div class="demo">
    
    DIV
    <div id="resizable" class="ui-widget-content">
        <h3 class="ui-widget-header">Resizable</h3>
        <img src="http://www.google.com/intl/en_com/images/logo_plain.png" width="100%" height="100%">
    </div>
    
    IMG
    <img src="http://www.google.com/intl/en_com/images/logo_plain.png" id="resizable_image">
    
    
    </div><!-- End demo -->
    
    <div class="demo-description">
    
    <p>Enable any DOM element to be resizable.  With the cursor grab the right or bottom border and drag to the desired width or height.</p>
    
    </div><!-- End demo-description -->
    </body>
    </html>
    
    
     
Статус темы:
Закрыта.