美好的一天,
一系列不同大小的图片各自独立地包装在水平滚动网页上的左浮动不同大小的 div中。我希望能够点击div来将其缩放到全屏,(通过添加包含缩放指令的css类,使用toggleClass),然后点击图像(现在是全屏,因此模糊了div)返回正常(通过从包装div中删除类)。
我找到了各种选项来为背景图像(具有已知大小)做这个,并且有很好的全屏画廊,但这个避开了我。
由于尺寸不同,我不能使用scale(2)或其他一些固定值。 webkit-transform是完全可能的:缩放到目标大小,如768x1024,而不是比例因子?
非常感谢!
答案 0 :(得分:0)
您是否尝试过简化它?尝试使用一些java脚本在点击时为对象指定高度,宽度和z-index。
基本上点击,写入页面:(或类似的东西)
height:100%;
width:100%;
z-index:999;
position:absolute;