Img在单击时扩展到100% (并且仍然坚持到网格)
Img在单击时扩展到100% (并且仍然坚持到网格)
提问于 2014-09-25 05:03:45
这就是我正在做的工作：http://jsfiddle.net/wppjq1a3/
$(document).ready(function(){
$('.sec-img').click(function() {
$(this).css({
height: '100%',
width: '100%'
});
});
});我希望它能做的是：
- 当您单击任何图像时，它会展开(如果在展开的图像上方有一个图像，则小图像将被推入扩展图像之下。
- 另外，当您单击一张图片时，先前的扩展一张缩小到原来的大小(50%)。
- 我想与一些类似的网格一起工作。所有的图像都有相同的大小比。我已经尝试过使用:after来获得这两列网格，在每个图像(底部和中间)之间有20 to，但是没有结果。
回答 1
Stack Overflow用户
发布于 2014-09-25 06:17:49
试试看：
http://jsfiddle.net/wppjq1a3/2/我没有将css添加到jquery中，而是切换了一个类。我增加了一个红色的背景颜色，所以当你在悬停时，因为不透明被拒绝，我想要确保我点击的div出现在前面。我还增加了一个绝对位置，和一个z-
jQuery：
$(document).ready(function(){
$('.sec-img').click(function() {
$(this).toggleClass("expand");
});
});CSS：
.expand{
width:100% !important;
height:100% !important;
position: absolute;
z-index:999999 !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26039375
复制
相似问题
Next.js无法使用动态图像url
使用getStaticProps()在next.js中获取未定义数据
使用Next.js动态url停止热重新加载
使用不同URL的Next.js动态路由
使用Sequelize动态获取数据库URL
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
