使用bootstrap和js悬停时缩放图像

文章/答案/技术大牛

发布

1回答

javascript、html、css、twitter-bootstrap

我需要在我的网站上做图像收集，当悬停不透明度必须改变与缩放小图标当点击加号图标时，我需要有大格式的图像请注意，您知道如何将此代码更改为have this result 吗这是我的并排图像代码 <

浏览 20提问于2020-09-17得票数 0

1回答

如何在不更改图像宽度和高度的情况下，在悬停时缩放多个图像？

html、css、image、animation、zooming

我正在创建几个图像的画廊，在悬停时，我想它缩放图像，而不是缩放盒子。我正在使用bootstrap 4。 <code>A1</code>

浏览 12提问于2020-11-18得票数 0

2回答

Magento:产品属性鼠标悬停时的详细图像

magento

我想在mouseover上显示我们每个选项的详细图像。你知道该怎么做吗？或者有没有插件可以用来做这件事？

浏览 2提问于2015-03-10得票数 2

1回答

javascript中的html5画布图像网格

javascript、jquery、jquery-ui、html5-canvas

我正在尝试使用canvas构建一个图像网格，但我不确定当单击某个特定图像时如何执行操作。我想实现像这个网站那样的功能，但它对我来说太复杂了，如果可能的话，我会使用javascript，最好是Angularjs，而不是JQuery。我正在考虑使用表格来对齐网格中的图像，我们可以在不使用canvas的情况下实现这种功能吗？任何建议都会有很大帮助。谢谢。

浏览 0提问于2017-02-15得票数 0

2回答

如何防止图像在父级边界外缩放？

css、html

我有提供不同服务的列表，每个服务都有一个图像、标题和描述。我已经把它设置成鼠标悬停时的图像缩放到1.3倍大小。缩放是有效的，但是当这样做时它会忽略父的边界。 <link href="https:&#

浏览 9提问于2016-11-29得票数 3

回答已采纳

1回答

CSS缩放图像重叠

html、css、scale

我正在尝试在悬停图像时产生缩放效果。问题是，放大的图像与其相邻图像重叠，需要做什么才能使当前悬停的图像始终在顶部？.col-sm-4 { padding: 0 !scale(1.1); z-index: 1;<link href="https://maxcdn.bootstrapcdn.com/bootstrap&#

浏览 0提问于2018-03-27得票数 0

1回答

单击div时，引导弹出窗口保持不动

html、css、twitter-bootstrap

我使用bootstrap 4弹出时，悬停图像弹出打开。但是，当您单击图像内部的缩放功能时，图像会打开得更大，但弹出窗口并没有关闭，相反，它不再关闭。这里是这个bug发生的网站；https://www.vanderdrift.bvdodev.nl/nl/creeer-jouw-eigen-tafel 将鼠标悬停在图像右侧以查看弹出窗口，然后单击“缩放</

浏览 14提问于2020-08-17得票数 0

1回答

背景img响应式设计

css、twitter-bootstrap、responsive-design

我尝试在背景img上使用悬停，如下所示： width:370px;height:430px;}问题是我使用的是twitter bootstrap如何在允许图像缩放的同时继续使用背景im

浏览 4提问于2013-03-05得票数 0

2回答

借助滑块放大和缩小图像

jquery

我想做一个可以放大或缩小图像的滑块，比如:- 或请帮帮我

浏览 2提问于2012-12-25得票数 0

回答已采纳

3回答

悬停时缩放和居中图像

html、css、twitter-bootstrap-3、transform

我正在为我的公司设计用户指南，需要找到一种更好的方式来查看图像。我已经在悬停时缩放工作良好，但这将只有当用户有一个大的计算机屏幕时，查看图像时才能正常工作。因此，我希望在悬停时将图像居中。此外，让图像根据窗口大小进行缩放也是很不错的。我有bootstrap和jQuery链接。

浏览 1提问于2018-07-24得票数 2

3回答

如何将缩略图中的图像并排排列？

html、css、twitter-bootstrap-3、alignment

我还添加了缩放滚动效果，在悬停每个图像时，它将缩放和重叠任何其他图像。另外，如果我尝试其他的图像集，我得到正确的对齐，但当我在图像上悬停时，它会被搞砸。但这没什么用。我没有看到任何大小值的图像变得更大。，其次，我想要在任意数量的图像之间保持一致的对齐，放置的地方总是会有，每行有两个<e

浏览 0提问于2018-12-04得票数 0

回答已采纳

2回答

jQuery缩放功能不适用于悬停图像

javascript、jquery、html、css

我正在使用这个库：$(document).ready(function(){});<div class="head-image"> <img src="<?>"

浏览 1提问于2020-03-26得票数 0

3回答

jquery css缩放图标到不透明的图像

jquery、css

我喜欢阅读关于使用jquery和css在图像hover中添加缩放图标的上的文章。我在悬停图像中添加css opacity。当我在hover图像(鼠标光标在图像上)时这是有效的，但当我鼠标光标在缩放图标上时，css不透明度在图像上隐藏。在所有悬停(图像+缩放图标)中修复不透明图像的任何方法。

浏览 1提问于2012-04-23得票数 0

回答已采纳

1回答

图片缩放JS (带背景图片，不带img)

javascript、jquery、css

我想写自己的图像缩放JS代码(类似于)，但这个插件和所有其他插件的问题是，它依赖于img标签，而我想使用背景图像来实现相同的效果。我已经创建了我所在位置的jsFiddle，但我在尝试重新创建鼠标移动时遇到了问题。我想，当你悬停时，它可以缩放背景图像(或者用更大的图像替换通过JS的url src )，但我不知道如何跟随图像/容器的边缘，而

浏览 1提问于2016-06-24得票数 0

1回答

在悬停时使用覆盖功能轻松实现div背景

javascript、jquery、html、css

我在我的页面上设置了一个div，当用户将鼠标悬停在div上时，页面上会出现一个覆盖。在其他网站上，例如在这里：有一个非常好的效果，也减轻了后面的div的背景。我似乎不能让它像我所看到的那样有效地工作，我正在寻找一些支持和指导。

浏览 8提问于2015-06-26得票数 0

1回答

很抱歉打扰你，这可能是一个非常基本的CSS问题，但我已经没有线索了…… 我在屏幕上有6个图像。我想要在我悬停的图像中进行放大运动。cursor: pointer; visibility: visible;} 它确实会执行放大，但a.同时在所有六个图像中b.它无法识别我何时离开当前图像(这意味着它不会返回到原始比例，除非我离开主容器) 非常感谢你，并再次道歉，因为你问了一个非常简单的问题……我花了半天的时间试着解决这个问题，然后

浏览 16提问于2021-03-25得票数 0

3回答

将鼠标悬停在阵列图像大小上应更改

javascript、html、performance

在所存储图像数组中。当移动到图像上时，图像大小应该改变。即大图像到小图像。我添加了下面的代码，请建议我合适的答案。

浏览 0提问于2014-02-28得票数 0

3回答

弹出图像html

javascript、jquery、css、html

我正在开发一个铬扩展，在任何悬停在图像上，它应该弹出一个框在图像和图像应该缩放到1.5倍的原始图像。于是我开始研究例子，并找到了类似的例子。</div>但相反，我需要创建一个框，而不是缩放的图像</e

浏览 0提问于2016-12-22得票数 6

回答已采纳

1回答

在一段时间内停止听悬停事件

javascript、event-handling、zooming、fullpage.js

我正在使用 (您可以在演示中看到)与图像缩放(在悬停)插件结合使用。问题是，当我移动到完整页上的新幻灯片时，光标碰巧(快速)在幻灯片动画期间通过图像，图像缩放有时会被激活，动画停止后，图像的放大部分(从上一张幻灯片)仍然可见，直到我再次移动光标。此外，我只有一个缩小版的缩放插件，所以不能从那里解决这个问题，然而，fullpage.js提供了各种各样的回调，因此，也许一个解决方案是“冻结”听悬

浏览 5提问于2014-12-16得票数 1

回答已采纳

点击加载更多