JQUERY - Как изменить размер изображения от центра (центральная точка регистрации) - PullRequest
Новая
       23

JQUERY - Как изменить размер изображения от центра (центральная точка регистрации)

3 голосов
/ 18 мая 2010

Попытка изменить размер (увеличить) изображения с помощью анимации (). Не удалось изменить его размер из центра - всегда изменяет размер из верхнего левого угла.

Есть ли способ изменить его размер (увеличить) по центру точки регистрации? Отрицательные поля / позиции не сработали.

Ответы [ 2 ]

2 голосов
/ 18 мая 2010

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

0 голосов
/ 18 мая 2010

Вы можете поместить изображение в div с фиксированным размером, который был бы у изображения, когда он больше.Имейте css text-align: center для div, и margin: auto для изображения, тогда оно должно быть центрировано в div.

Пример: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("jquery", "1.4");
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#test').animate({width: 300});
        });
    </script>
</head>
<div style="width: 400px; text-align: center; border: 1px solid red">
    <img style="margin: auto;" id="test" src="http://www.google.se/intl/en_com/images/srpr/logo1w.png" width="131" height="98" alt="Picture 1"/>
</div>
</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...