代码

洛水三千

@哑弦 单独给你写一个可以任意使用的图片代码，可用于一张或者多张图片。。

1. <div style="background: none; left: -150px; width: 100%; margin-top: 150px; position:relative; z-index: 32768;">
   
2. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_01.jpg"><p>
   
3. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_02.jpg"></p><p>
   
4. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_03.jpg"></p><p>
   
5. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_04.jpg"></p><p>
   
6. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_05.jpg"></p><p>
   
7. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_06.jpg"></p><p>
   
8. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_07.jpg"></p><p>
   
9. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_08.jpg"></p><p>
   
10. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_09.jpg"></p><p>
    
11. <img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_10.jpg"></p><p>
    
12. 
    
13. 
    
14. </p><div align="left"><audio style="width: 5px; height: 5px;" src="https://music.163.com/song/media/outer/url?id=音乐.mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio></div>
    
15. </div>
    
16. <div style="width: 1200px; height: 20px;"></div>
    
17. <br><br> <br><br> <br><br> <br><br>
    
18. 
    
19. 
    

复制代码

洛水三千

<div style=" position:relative(相对定位，这个代码很重要）;z-index:32768;background:none;width:100%;
left:-150px（控制整个图片的左边距。如果不要超出左边界，可以不填这个。反复测试后，1200宽度的图片，－150手机和电脑能同时满足观看效果，其他宽度可以适度调整）;
margin-top:150px（控制到本帖的顶部距离，目前来看雪坛150为最适合）;">



<img width="1200" height="108"(图片宽与高） alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_01.jpg">  <p>（换行，这个很重要，防止小图出现并列。）
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_02.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_03.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_04.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_05.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_06.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_07.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_08.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_09.jpg"><p>
<img width="1200" height="108" alt="" src="http://bb.xxyyhlt.cn/xxy/youlanxue/images/20220214huaqg_10.jpg"><p>


<div align="left"><audio style="width:5px;height:5px;" （控制音乐播放器大小）controls="controls" autoplay="autoplay" （自动播放，不需要自动播放就删除）loop="loop" src="https://music.163.com/song/media/outer/url?id=音乐.mp3" type="audio/mpeg"></audio></div>
</div>
<div style="height:20px;"（控制帖子离下边距的位置高度，防止遮盖下面的内容。这行没有，会出现遮盖现象）></div>
<br><br> <br><br> <br><br> <br><br>

哑弦

洛水三千 发表于 2023-5-29 09:12
这个代码在图片特别窄小的连续图片时，好像会出现图片并列现象，应该还需要加一个整帖宽度设置。。具体代码 ...

不行，你那个还是切片代码，发单图是变形的。
记得以前你有发音画的呀，我以为你有现成的，结果还是这么麻烦，算了，我去别处翻翻旧帖看，书屋的帖子不能编辑，所有代码都取不了。。。

哑弦

幽兰雪 发表于 2023-5-29 05:57
弦亲！进音画贴里点编辑，什么都看到……
另外教程里有制作教程……

我的电脑现在又是一片空白，做什么都不便，你的置顶帖我看过，用起来不对

洛水三千

哑弦 发表于 2023-5-29 10:28
不行，你那个还是切片代码，发单图是变形的。
记得以前你有发音画的呀，我以为你有现成的，结果还是这么 ...

图片变形，你改那个尺寸呀？

洛水三千

哑弦 发表于 2023-5-29 10:30
我的电脑现在又是一片空白，做什么都不便，你的置顶帖我看过，用起来不对

你看中书屋的哪一个音画帖，把连接给我，我的帖和你的帖，谁的帖，都行，我帮你把源代码取出来

哑弦

洛水三千 发表于 2023-5-29 10:44
图片变形，你改那个尺寸呀？

肯定有改的了，还是不对。没事，我找到了，突然想起很早前我发过音画帖的。
辛苦了呢，么么~

洛水三千

哑弦 发表于 2023-5-29 10:47
肯定有改的了，还是不对。没事，我找到了，突然想起很早前我发过音画帖的。
辛苦了呢，么么~

行，你发出来我看看到底什么妖怪贴？

哑弦

1. <div style="left: -220px; top: 120px; width: 1112px; position: relative;">
   
2. <table width="1112" height="807" background="http://xxyyhlt.cn/data/attachment/forum/202305/28/184038dj17ssb3gjj3f3z7.jpg">
   
3. <tbody><tr><td>
   
4. </td></tr></tbody></table></div><br><br><br><br><br><br><br>

复制代码

哑弦

洛水三千 发表于 2023-5-29 10:50
行，你发出来我看看到底什么妖怪贴？

应该是用的命令不一样，控制的地方不同
你看我贴的代码，无常那个帖子2楼给你的图片现在完整贴出来了