gpt4 book ai didi

javascript - 在 Javascript 中单击图像时出现问题

转载 作者:行者123 更新时间:2023-11-28 02:32:58 26 4
gpt4 key购买 nike

我正在使用 javascript 制作一个图像库,当我单击图像来放大它时,它不是放大到页面的中心,而是完全放大到页面之外。如何让图像在放大时移动到中心?我的画廊将于午夜截止,但我似乎无法让它发挥作用!我的教授暗示我需要让图像在放大时向上和向左移动。如果有人可以提供帮助,我将非常感激!

最佳答案

看不到代码我只能解释概念。你必须同时使用 JS 和 CSS。这是一个例子:

这是 JS:

 $(document).ready(function(){
if($(".myImage img").width() > $(".myImage").width()) {
var url = $(".myImage img").prop("src");
$(".myImage").css("background","url("+url+") no-repeat center center").empty();
}else{
$(".myImage img").width($(".myImage").width()).height($(".myImage").height());
}
});

这是 HTML:

<div class="myImage">
<img src="http://cdn.walyou.com/wp-content/uploads//2010/12/facebook-profile-picture-no-pic-avatar.jpg" width="350"/>
</div>

最后是 CSS 中的代码:

.myImage { border:1px solid #000; width:300px; height:300px; overflow:hidden; }

关于javascript - 在 Javascript 中单击图像时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13850778/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com