我正在开发一个小的网络应用程序，使用jQuery相当多。在我的应用程序中，用户可以悬停图像，几秒钟后图像会变得更大，为用户提供更多详细信息。
问题是，当图像放大图像时，它也会占据附近图像的区域。现在，如果用户经过第二个红色方块(编号为2)，我希望当前放大的图像消失，而将下面的图像放大为方块2。
我不是一个很好的画家，但我附上了一张小图片来帮助说明这个问题。
简而言之，我如何告诉jQuery检测鼠标在红色方块2上的时候，而不是在鼠标在绿色方块上时引发事件。
在我的演示图片中，悬停在点上
浏览 14提问于2010-05-28得票数 0
回答已采纳
1回答
我的网页由一个嵌入了图像和链接的大型svg绘图组成。
用户应该通过单击鼠标并向右移动光标来放大。这类似于photosho cs5的缩放手势。
如何使用javascript实现放大SVG图片手势？可能是libs raphael或jQuery SVG。
浏览 1提问于2010-11-26得票数 1
回答已采纳
我在编程方面是个乞丐。我正在尝试使用jquery插件、电梯、缩放和‘m滑块。我有个小问题。
我有什么
当我从框中选择一幅图片时，据我所知，它是由box滑块插件创建的，而另一幅图片则变得不可见，但仍然存在于页面中(在我的示例中，在页面的左上角)。当我在这个块上鼠标移动时，升力变焦插件会把它理解为放大的图片，并开始放大它。因此，页面工作不正确。
有人知道如何解决这个问题吗？
我还可以给出到现场项目的链接。
浏览 4提问于2013-12-09得票数 0
2回答
旋转+缩放图像
、、、、
我需要三个基本功能来处理图像：
旋转图像；
放大图像；
移动图像。
我现在试图放大图片，但如果我已经旋转了，它必须保持旋转的图像。
我需要移动图像与鼠标，同时保持缩放和旋转的特点，如果它是旋转的。
jQuery('#zoom').click(function(){
element.clearRect(0, 0, canvas.width, canvas.height);
larguraNova = ( canvasWidth + (escalaPixel * valorZoom) );
if(larguraNova > canvasWidt
浏览 6提问于2013-07-02得票数 3
回答已采纳
我正在建立一个图片库，根据要求，当鼠标滚动在缩略图图像上时，缩略图的一个小放大版本，如实际图像的标题，大小等细节。需要在放大的图像上显示。注意-放大的图像仅在滚动时显示，当鼠标移出缩略图区域时，放大的图像会立即消失。我知道这是大多数图片库网站中非常常见的功能，雅虎图片搜索就是一个很好的例子(参见：)
基本上，根据需求，代码需要在Javascript中构建，而不使用任何库，如Jquery。因此，在核心JS中，翻转应该可以工作。
我知道onmouseover可以做到这一点，但我的问题是，如何确保适当地显示放大的图像(如在中，当有足够的空间可用时，在缩略图的右侧显示，或者在缩略图的左侧/上方/顶部显
浏览 0提问于2011-10-16得票数 2
1回答
放大分形(webgl)时遇到问题
、、、、
当我放大太多，用鼠标拖动图片时，它移动得太快了。类似地，如果我放大太多，图片拖得很慢。
这就是它的放大(缩放)和拖动图片的方式(xPos，yPos)
fPosition.x = fPosition.x * scale + xPos;
fPosition.y = fPosition.y * scale + yPos;
我应该怎么做才能解决这个问题？
浏览 2提问于2016-10-16得票数 1
1回答
在整个屏幕上滚动的图像
、、、
假设我有一张很大的图片(我的是3968x3584)，我想把它放大。好吧，我通常可以用滚动条来放大和滚动。
嗯，这很烦人。有没有办法让我拍下这张照片。只要从某个地方开始，让它具有“原始”大小，我就可以通过鼠标在屏幕上“拖动”来移动它。
如果您调整浏览器屏幕的大小，它会相应地执行操作。
有没有jquery或类似的插件可以做到这一点？
浏览 3提问于2013-02-24得票数 0
回答已采纳
1回答
我将图像作为文件存储在django数据库中。在模板中，如果您从下拉框中选择某个选项，则该选项的存储图片将以设定的小尺寸显示。这一切都是使用jquery完成的。
在单击图片或将鼠标悬停在其上(以更容易的为准)时，我希望将图片放大到其原始大小。在再次点击时，我想让它变小(或者，如果我悬停，当鼠标移动时，它应该回到小尺寸)。
以下是我在模板中的内容：
<script type = "text/javascript">
$(function ()
{
$("#image{
浏览 1提问于2012-03-11得票数 0
回答已采纳
这是我的代码，其中我只知道鼠标经过，并且工作完全正常，但它鼠标在整个图片上，我希望鼠标从内部以及轻微的放大，这是一个网站，你可以从中看到我要求什么？()当你向下滚动到广告，然后你可以在广告上悬停，你可以体验到从内部的鼠标悬停以及轻微的放大。提前谢谢。
<body>
<div class="page-container">
<div class="page-back">
</div>
</div>
<script sr
浏览 1提问于2020-09-12得票数 0
4回答
有没有人能帮我描述一下我是怎么做的，就像图中所示。
我想要的是，当我的鼠标经过一个产品盒子(没有固定的高度)，我想得到一个购买按钮，等等，看起来像图片的盒子。
我知道我没有把代码放上去，但是我不知道从哪里开始。
所以，如果有人有什么建议，我将不胜感激！
浏览 0提问于2014-01-17得票数 0
所以，我有一个图像，可以用elevateZoom (jQuery插件)放大。在这张图片附近有几个链接。
当用户正在缩放图像，并移动到图像的角落，单击其中一个链接，他无法做到这一点。事实上，即使鼠标指针在图像之外，镜头仍然处于活动状态，而且(虽然链接是可见的)它也不允许用户单击链接(当然，链接在镜头上方)。
这里有一个实用的例子：
我想知道是否有一种jQuery的方式，这样，当鼠标到达角落时，镜头就会自动关闭。
我当然会做这件事，但我发现了一些非常奇怪的行为：
如果我让jQuery计算outerHeight，那么当鼠标指针从图像中流出时，镜头就会自动关闭(因此鼠标到达#zoom_me ima
浏览 4提问于2014-10-08得票数 1
回答已采纳
1回答
我得到了一些很好的帮助来理解这个基本部分，但现在我又需要帮助了:(下面的javascript应该是这样的，当你将鼠标悬停在图库中的缩略图上时，缩略图会放大。我增加了高度和宽度，但我也更改了顶部和左侧的偏移量以进行补偿，以便使图片看起来相对于缩略图的中心放大，而不是向右下角拉伸。
jQuery('.videogall-thumb').hover(function() {
var currThumb = jQuery(this).attr('id');
jQuery('.videogall-thumb[id="' +
浏览 2提问于2012-08-23得票数 0
3回答
我有一个网站与画廊的图片集，我正在工作。当用户点击图片时，客户希望图片被放大。他们只需在白色页面上打开指向图片的链接，即图片的路径即可。即。
有很多图片，有没有使用html，css，或php来使图片自动链接到自己？
或
在你把鼠标放在图片上一两秒钟之后，弄清楚如何让图片放大是不是更好？
浏览 2提问于2011-06-05得票数 2
回答已采纳
1回答
我正在尝试禁用网页中的文档缩放功能。
我正在为运行在Windows 8上的笔记本电脑触摸屏创建一个网页，这个网页包含一个可拖动的div内的图片...用户拖放到容器中，然后应用程序应该允许他/她使用(手指或鼠标滚动)放大和缩小图像……每件事都很酷。但是，问题是，如果图像不能直接识别收缩(缩放)，或者用户将手指放在图像之外，文档就会开始放大和缩小。
我需要的是禁用文档缩放使用JQuery或css。请帮帮忙。
浏览 1提问于2014-08-09得票数 1
我有一些图片。我想要在鼠标离开时放大，当鼠标离开时缩小。我有两个‘Div’在彼此的顶部，每个都包含一个画布和一些可拖动/可拖放的图像。我想在鼠标离开时放大和缩小。我真的很感谢任何人的帮助。温馨的问候。就像在雅虎搜索中显示的图像更大
浏览 1提问于2014-02-17得票数 1
1回答
加速我的画布应用程序的提示
、、、、
这是关于网络开发，画布，HTML5。
我正在用HTML5画布和JQuery开发一个油漆应用程序。你可以画几层，你得到了一个动态放大和放大镜效果。
体系结构是多个画布：
背景：
帆布-bg
图层：
layer0
layer1
layer2
..。
layerN
工具：
幽灵(当用户想要画一条线时显示一条“鬼”线。)释放鼠标确认绘图)
放大层
我的问题是放大。为了获得效果，我要重画放大层上的所有图层。当然，当你画一个2000*2000的图片，它是非常缓慢的。更常见的是，你可以把放大镜移到任何地方去放大，重绘就是在MouseMoveEven
浏览 2提问于2013-05-24得票数 0
回答已采纳
我在扩展页面对话框中有一个图像，当鼠标平移到该图像上时，我希望放大该图像。
我找到了一些js和css：
如果图片在主页上，效果会很好。但是，如果图像位于扩展页面对话框中，则会弹出该对话框，并且鼠标移动到图像上时，鼠标指针不会变为十字线，图像也不会放大。
有什么理论可以解释为什么吗？还是现在来修复它？
任何可以在对话框中工作的放大图像？
浏览 0提问于2012-10-26得票数 0
回答已采纳
我正在使用ActionScript3，并且正在构建一个图像查看器。到目前为止，我有以下基于"onClick“鼠标事件的功能：
1)查看正常大小的图片时，点击会显示放大的图片。
2)查看放大后的图像时，点击即可显示正常图像。
很棒的东西。
现在我想要应用以下行为，这样用户就可以放大，并拖动放大的图像-并勾勒出以下内容：
1)删除onClick事件
2)添加"onMouseDown“事件，记录鼠标按下时的鼠标XY
3)添加onMouseUp事件，并记录鼠标打开时的鼠标XY
4)如果XY onMouseDown = XY onMouseUp，则假定为Click事件-因此缩放
5)如果
浏览 1提问于2009-11-13得票数 0
回答已采纳
1回答
我希望我的窗口窗体应用程序中的图片在鼠标悬停时放大，并在鼠标离开图片时恢复到正常大小。
我在Stack Overflow上找不到答案，但我找到了答案，我想把我的答案留给像我这样的c#初学者。
浏览 13提问于2020-05-30得票数 0
回答已采纳
1回答
@转角/cdk/拖放
、、、
我用的是角10和。在pan缩放元素中，我有使用的可拖动元素。
这是很好的工作，直到我放大或缩小与泛变焦。当拖动放大时，速度加快，移动速度比鼠标快。放大后，它会减速，比我的鼠标移动得更慢。
我假设这是由于像素位置和缩放元素在窗格中的某种原因。
我找到了处理它的，但是我无法复制它，它使用的是JQuery可拖式。
有谁知道如何使可拖动的元素保持与鼠标相同的速度时，放大或放大与角-cdk-拖放？
谢谢。
浏览 9提问于2020-09-11得票数 2
我有一个silverlight应用程序，在其中我必须点击一些图片，如果我悬停在它们上面大约3秒钟。
问题是，如果图片的尺寸小了一点，鼠标移动了一点，它就会移出相应的图片点击区域，并选择另一张图片。
我尝试过使用自定义图像来代替默认的鼠标光标，但是这个鼠标是否可以通过某种方式放大，以便在它下面有一个更大的单击区域，而不仅仅是鼠标指针的尖端？
浏览 0提问于2012-02-10得票数 0
回答已采纳
我有一组幻灯片，当鼠标进入幻灯片图像时，我想放大一张照片。
当我把鼠标移到图像上时，所有的图像都会放大到我带鼠标的顺序。我如何才能强制jquery只删除最后一个鼠标输入事件，并取消所有历史记录鼠标输入事件
这是我的jquery代码。
$(document).ready(function(){
$("#hoverslider ul li").bind("mouseenter",function(){
$(this).animate({
width:"500px"
浏览 4提问于2013-11-20得票数 1
回答已采纳
5回答
我试图在用户悬停到图像时放大图片，并在用户鼠标移出图像后缩小图像的大小。
我有以下代码
$('#image_layout').on('hover','img',function(){
$(this).css('width','110%');
})
$('#image_layout').on('mouseout','img',function(){
$(this).css('width','90%');
})
我想从图像
浏览 1提问于2012-08-07得票数 1
回答已采纳
1回答
我觉得很烦人的图片调整大小/僵尸进入-输出时，放大/退出在一个网站(Ctrl+鼠标卷轴)。我看过“使命召唤”()和“风暴英雄”()网站，他们似乎对此有某种解决方案，但我只是没有找到任何搜索。
我想这样做；
正常大小/缩放网站
放大后
图片/gif(/maybe视频.？)不被调整大小，我该怎么做？
浏览 3提问于2015-10-10得票数 1
回答已采纳
1回答
用面板和鼠标控制缩放地图的插件
、、、、
在我的工作中，我需要一个javascript或jquery插件，它允许我用鼠标(鼠标轮)和带有按钮(+和-)按钮的面板放大图像(我创建的地图)。插件还应该允许我在地图周围拖动图片。
重要:这个插件必须是免费的，因为它将在一个网站上使用。
该图像是高质量(约2MB)，所以变焦将相当强烈(从10%到90%)。
我一直在网上搜索，没有人真的帮我解决我需要的问题
我希望答案，感谢所有的人
编辑：
类似这样的东西，但是有一个按钮面板来缩放
浏览 2提问于2014-05-14得票数 1
回答已采纳
我刚刚完成了红外线手部动作识别和跟踪项目。
我在QT creator上做了一个图形用户界面，它的工作原理是:如果我在传感器上移动我的手，Gui的鼠标光标就会移动。传感器给出X和Y坐标。此外，传感器可以识别许多手势，我可以控制幻灯片图片，点击图片和滑动它们，放大，缩小。
但我只在QT GUI上创建了它们。
我的问题是：
我想控制真正的鼠标光标。我的意思是，我想把传感器做成真正的鼠标。因此，它可以代替鼠标工作。
但我找不到如何将传感器输出连接到鼠标控制的信息。
或者有没有什么方法可以让我的传感器控制我的电脑鼠标、放大、缩小、滑动、滚动和更多的控制？
请提供一些这一课的资源或任何我能理解的东西
浏览 1提问于2014-06-11得票数 2
我希望当我使用JavaScript和jQuery将鼠标悬停在一些超文本标记语言文本上时弹出图像。有多行，每行应该弹出一个不同的图像。我指的不是真正的弹出窗口，而是屏幕上弹出或放大的图像。
所以如果我的html代码看起来像这样：
<p id="item1">item1 text</p>
<p id="item2">item2 text</p>
<p id="item3">item3 text</p>
当我将鼠标悬停在HTML页上的文本“item1 text”上时，我希望在文本上
浏览 0提问于2012-11-19得票数 1
1回答
在过去的几天里，我一直在做一个C Mandelbrot套装程序，我设法使它正常工作，然而，我的最终目标是能够用我的鼠标平稳地放大设置，这是我还无法做的事情，所以我可能需要一些帮助！
下面是我代码的一部分(嗯，完整的mandelbrot函数)：
//removed to free space
这是一个输出的图片：(对不起，它不是很漂亮，颜色不是我的优先考虑，但我将确保他们的工作，一旦我知道缩放!)
我想要做的事情，：
左击->图像的中心变成mouse_x a mouse_y。然后，只要保持左键，它就开始放大。
右击->。只要保持右击，它就会开始放大。
移动鼠标->
浏览 8提问于2017-01-22得票数 2
回答已采纳
我在Safari (MacOSX10.6)上使用jQuery有一个小问题-页面在Firefox (Mac)和Internet Explorer (Win)下加载正常，但必须刷新才能在Safari中正常工作。
如果你将鼠标悬停在图片上，它意味着在右手边显示一个放大的版本-这在所有浏览器上加载的第一个页面上都有效，除了Mac上的Safari。
您必须刷新页面才能使其在safari下工作。
任何想法，
MM
浏览 1提问于2010-02-18得票数 1
我在我的网站上使用了来自的lighbtox。在该页面中有一个"lightbox gallery“示例
我在中使用了这个例子。我按原样复制了示例的源代码
问题是，如果你点击一个小的缩略图，那么放大的图像就会出现在主菜单下(它是重叠的，主菜单覆盖着图片)
如何解决此问题？我需要放大的图像出现在主菜单的顶部(图片覆盖主菜单，而不是主菜单封面图像)
我还需要浅灰色的覆盖显示，当缩略图被点击来到主菜单的顶部，而不是它下面
我正在使用现成的布局来制作我的网站，我认为布局的样式规则与lightbox覆盖相冲突。网站的徽标和主菜单在标题标签中。如果我去掉这个标签，那么lightbox覆盖效果就很好了
浏览 0提问于2017-07-24得票数 0
1回答
仅仅用html和css就可以达到这种效果吗？在示例图像中，您可以看到鼠标悬停的放大圆形区域(从更高分辨率的源图片)。它不应该是圆形的，也不是有边界的。
在这个中，您可以看到一个很好的例子(但是它使用jquery，我不知道将这些代码放在我的网页中的位置)
这里有人能告诉我怎么开始编码吗？(万一这是可行的)。非常感谢！
浏览 6提问于2014-09-05得票数 0
回答已采纳
1回答
有人知道基于YUI的图像放大镜吗？
我在找类似于JQuery 的东西。
将鼠标悬停在图像上，将在单独的面板中显示放大版本的匹配部分。
浏览 1提问于2009-06-23得票数 0
1回答
我的图片是这样的： <Image Height="180" Width="180" Source="{Binding Result}" Grid.Column="1" /> 如何在鼠标悬停时放大(缩放)此标签中的图像？以最简单的方式。我想从上面编辑Image。我想放大这个标签上的图像并保持这个大小(180*180)
浏览 22提问于2019-09-29得票数 0
回答已采纳
2回答
鼠标悬停时的图像增长
、、、
如何使用jQuery在鼠标悬停时将图像放大到当前大小的120%？此外，当鼠标移出图像时，它应该返回到其原始大小。
$("img").mouseover(function (){
???
});
浏览 1提问于2015-11-14得票数 0
1回答
在小图像上添加悬停文本
、、、
我有一个表，它的最后一列允许删除该行。它包括一个图像( X)，该列如下所示。
<td id="delete:$row[recordID]">
<a href="#" class="delete cent" >
<img alt="x" border="0" src="images/delete.png" />
</a>
</td>
当鼠标悬停在图像上时，我想让图片放大，当鼠标悬停在图像上时，我想添加一些文本。文本应
浏览 2提问于2017-12-02得票数 0
回答已采纳
1回答
这里有一个小问题，我正在试图找到一个解决方案。我有一个名为banner的容器，里面有一个背景图片和一些文本。我试图让图像放大时，我的鼠标悬停在它上面(工作)，并慢慢缩放回100%当鼠标离开(不工作)。这里的主要问题是，当鼠标离开时，我不知道当前的背景大小是多少。对于如何完成这段代码以使其正常工作，有什么建议吗？ CSS： .banner.out {
animation-name: out;
animation-duration:2s;
}
.banner.over {
animation-name: in;
animation-duration:5s;
ani
浏览 13提问于2021-01-23得票数 0
2回答
我正在制作一个页面，其中将有一系列的图像。当鼠标悬停时，我需要放大图像，并且我通过java脚本成功地获得了图像。但问题是，当图像被放大时，其他图像的位置也会发生变化。我希望放大的图像不会改变其他图像的位置，比如Google图片.也就是说，我想要放大的图像过来旁边的images....any帮助请.提前感谢
浏览 0提问于2012-04-06得票数 0
回答已采纳
2回答
我有一个图片库，里面有很多内联块容器(类似于一个国际象棋领域)。不，当我使用浏览器缩放strg +鼠标滚轮时，图像会被缩放，所以我可以看到更多或更少，这取决于我是缩小还是放大。
我现在的问题是，如何在不使用浏览器缩放功能的情况下直接在jQuery中执行此操作(可能使用幻灯片)？
有没有简单的方法可以做到这一点，或者我必须改变所有的宽度和高度？
问候
浏览 1提问于2012-05-19得票数 0
回答已采纳
1回答
我想放大一个图片在asp.net上的blazor。
由于我使用的谷歌地图，我想移动图像的位置，通过缩放和拖动图像的鼠标轮。(我想使用的是图像文件，而不是谷歌地图。)
是否有办法放大，缩小和拖动特定的图像在布拉佐尔？
浏览 2提问于2020-08-28得票数 6
我有一个易趣模板的问题，如果我试图上传它得到踢回给我说，它不能包含javascript，我假设它是在图片滚动选项(鼠标悬停图片放大工具)任何帮助将非常感谢，我不是真正的Java直觉。
浏览 3提问于2009-05-28得票数 2
1回答
我有显示在365或更多值上的图形。图形非常简洁。
我想启动它的图形，使其可缩放三倍。
我可以给你的是用鼠标缩放，但是我想当你开始放大三倍的时候？
使用鼠标缩放之前和之后的图片。
浏览 2提问于2017-02-16得票数 0
1回答
这是我正在工作的网站>
我一直停留在页面的“新增功能”上，因为客户希望显示的图像具有鼠标悬停在图片上的放大效果。
kicker:当图片放大时，容器框不应移动。而且它必须是完整的css
我尝试了很多编辑css文件的方法，也在研究，但都无济于事。我希望你们能帮助我，因为我的最后期限已经很近了，这是我最不需要完成的事情。
谢谢
浏览 1提问于2013-07-12得票数 0
我正在创建一个自定义的图片库，突然遇到了这个问题。如果你创建了一个@keyframe动画，它不能以相反的方式播放。
例如:您有一个动画，它通过scale()放大正方形。如果将鼠标悬停在屏幕上，正方形将平滑放大，但如果将鼠标移出，正方形将在没有动画的情况下反弹回来。
有没有办法在后面的路线上反转动画？在我的例子中，转换不能正常工作。谢谢。
浏览 2提问于2016-09-18得票数 0
在vue3项目中使用fabric.js初始化画布后， 添加一个图片后，该图片能被选中，选中时会出现控制点和鼠标长按时能移动，但就是无法进行放大和缩小操作问题
浏览 230提问于2024-02-28
我对html/css完全是新手，但我需要帮助。
我想创建一个鼠标悬停在图像上，图像应该更暗，例如:一个黑色的方块，上面有20%的不透明度，应该有按钮“更多信息”+图片应该被放大：
我已经尝试过放大了，但是如果我把鼠标放在图像上，我的页脚每次都会移动。但是我的页脚应该是固定的。如下所示：
小提琴：
我希望，有人能帮助我。:)
enter code heref
浏览 1提问于2016-05-18得票数 0
2回答
考虑以下代码片段：
$(document).bind('mousemove', function(e)
{
$('#someDiv').css({left: e.pageX+'px', top: e.pageY+'px'});
});
当"position“的CSS值被设置为绝对时，这将使#someDiv跟随鼠标(工具提示)。
工作如预期，除非您放大或缩小IE7 (不尝试其他版本的IE)。然后e.pageX就会完全关
浏览 3提问于2010-03-19得票数 2
回答已采纳
2回答
试着做一个缩放效果
、、、
我正在尝试用鼠标滚轮在图片框上做缩放效果。一切正常，除了当我使用鼠标中键放大或缩小时，它是可以的，但它不放大或缩小鼠标光标所在的点。当我放大该点时，我希望它总是滑动。请帮我添加一个代码片段以使其工作。
下面是我的代码：
int i = 5;
int index = 10;
private double[] zoomfactor = { .25, .33, .50, .66, .80, 1, 1.25, 1.5, 2.0, 2.5, 3.0 };
private void Zoom(int i)
{
double new_Zoom = zoomfactor[i];
imgBox.W
浏览 0提问于2010-03-12得票数 2
回答已采纳
在我的项目中，我使用这个图像裁剪器，在文件jquery.cropbox.min.js中，当鼠标轮事件发生时，函数可以放大/放大。我想添加两个按钮，放大/放大，并调用鼠标点击的功能，我如何才能调用那个操？
am = function (aB) {
if (aB.deltaY > 0) {
m()
} else {
D()
}
aB.preventDefault ? aB.preventDefault() : (aB.returnValue = false)
},
浏览 4提问于2016-11-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
