再谈发宽幅大图帖

起个网名好难

1. <!-- 第一张图片 -->
2. <div style="width:100%;position:absolute;left:0px;margin-top:120px; text-align:center;"><!-- 宽度 100%，上留空 120px -->
3. <img src="https://5b0988e595225.cdn.sohucs.com/images/20170929/4915638b190f42f8925697f40375a95e.gif" style="width: 1574px; height: 1000px;" />
4. </div>
5. <div style="height:1120px;"></div><!-- 补偿 1120 = 图片高1000 + 上留空120 -->
7. <!-- 第二张图片 -->
8. <div style="width:100%;position:absolute;left:0px;margin-top:120px; text-align:center;"><!-- 宽度 100%，上留空 120px -->
9. <img src="http://5b0988e595225.cdn.sohucs.com/images/20170922/b93b32e739e2403d964cdd5ee731af28.gif" style="width:1300px;height:863px;" />
10. </div>
11. <div style="height:983px;"></div> <!-- 补偿 983 = 图片高863 + 上留空120 -->

复制代码

起个网名好难

代码虽然略多了点，但不需要计算向左偏移量，简单计算下补偿高度就OK

有几张图片就拷贝**几组。

闲云

欣赏老师的全屏美图代码，非常感谢你的无私奉献！晚上好！

起个网名好难

闲云 发表于 2024-10-8 20:47
欣赏老师的全屏美图代码，非常感谢你的无私奉献！晚上好！

起个网名好难

发错了地方，应该发到“学习交流”板块， 拜托版主帮忙移到正确的地方去。

咕咚来了

起个网名好难 发表于 2024-10-8 21:24
发错了地方，应该发到“学习交流”板块， 拜托版主帮忙移到正确的地方去。 ...

移动好了。
感谢你的代码，不知道，小于1000像素的图片会怎样……我们自己鼓捣的那个代码可以使用小于1000像素的图片实现全屏。

微尘

欣赏了你的佳作——再谈发宽幅大图帖，大赞一个！

起个网名好难

咕咚来了 发表于 2024-10-8 21:46
移动好了。
感谢你的代码，不知道，小于1000像素的图片会怎样……我们自己鼓捣的那个代码可以使用小于100 ...

小于1000的图片这代码也适用但没必要，小于1000直接一条<img……就足够了

老钟

欣赏老师的宽幅大图帖和代码，非常感谢老师的无私奉献！点赞！

筱亭