logo标签列表

JQUERY - 如何从中心调整图像大小（以中心注册点为中心）

jqueryanimation
3
尝试使用animate()调整（放大）图像大小。 无法从中心调整大小-始终从左上角调整大小。 有没有办法从中心注册点调整（放大）它的大小？ 负边距/位置无效。
2个回答
2

当你调整图片大小以使其从中心缩放时，很可能需要调整顶部和左侧位置，这意味着你需要将其绝对定位才能使位置更改生效。

0
你可以将图片放在一个 div 中，该 div 的大小固定为图片变成更大尺寸时的大小。 对于该 div，使用 css 属性 text-align: center，对于图片，使用属性 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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接