Discuz 设置主页全幅广告

growlaha

各位大佬们，我想在主页展示这种平铺开的广告。尝试了DIY的图片板块，结果尺寸老是不能自适应屏幕。请问大佬们，如何才能在首页展示这种展开的广告呢？感激不尽！！！

bbs1

我知道答案 回答被采纳将会获得1 贡献 已有10人回答

鸿茂传媒

展开来的广告一般是由html+css+js做的，也可以用插件来实现。

artery

DIY时，图片代码里加一个尺寸就可以的：
<img style="width: 100%; height: auto;" src="..................."

growlaha

artery 发表于 2019-10-30 10:48
DIY时，图片代码里加一个尺寸就可以的：

非常感谢你的回复！！！
我是选择的DIY的图片板块，以下是我跟据你的建议改的代码。好像还是不行，大佬能帮我看看为什么嘛？

<div class="module cl ml">
<ul>
[loop]
<li style="width: {picwidth}px;">
        <a href="{url}"{target}><img style="width: 100%; height: auto;" src="{pic}"  alt="{title}" /></a>
        <p><a href="{url}" title="{title}"{target}>{title}</a></p>
</li>

growlaha

鸿茂传媒 发表于 2019-10-30 10:34
展开来的广告一般是由html+css+js做的，也可以用插件来实现。

感谢大佬的回复！能否给一个相关链接呢？感激不尽！

czwhehehe

图片自适应参考：

1. <div class="module cl slidebox">
   
2. <ul class="slideshow">
   
3. [loop]
   
4. <li style="width: {auto}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="100%" height="100%" /></a><span class="title">{title}</span></li>
   
5. [/loop]
   
6. </ul>
   
7. </div>
   
8. <script type="text/javascript">
   
9. runslideshow();
   
10. </script>

复制代码

zpy

growlaha 发表于 2019-10-30 11:36
非常感谢你的回复！！！
我是选择的DIY的图片板块，以下是我跟据你的建议改的代码。好像还是不行，大佬能 ...

你这个 外面的li标签宽度也要100%吧

artery

你自己目前这个就不全，会乱套的，这样改一下试试：

1. <div style="clear: both;display: block;margin: 0 auto">
   
2. [loop]
   
3.         <a href="{url}"{target}><img style="width: 100%; height: auto;" src="{pic}"  alt="{title}" /></a>
   
4. [/loop]
   
5. </div>

复制代码

growlaha

artery 发表于 2019-10-30 15:31
你自己目前这个就不全，会乱套的，这样改一下试试：

非常感谢！您这个代码就是我想要的效果！！！感激不尽！

growlaha

czwhehehe 发表于 2019-10-30 14:42
图片自适应参考：

感谢！！！