Discuz 設(shè)置主頁全幅廣告

growlaha

各位大佬們，我想在主頁展示這種平鋪開的廣告。嘗試了DIY的圖片板塊，結(jié)果尺寸老是不能自適應(yīng)屏幕。請問大佬們，如何才能在首頁展示這種展開的廣告呢？感激不盡！！！

我知道答案 回答被采納將會獲得1 貢獻(xiàn) 已有10人回答

鴻茂傳媒

展開來的廣告一般是由html+css+js做的，也可以用插件來實現(xiàn)。

artery

DIY時，圖片代碼里加一個尺寸就可以的：
<img style="width: 100%; height: auto;" src="..................."

growlaha

artery 發(fā)表于 2019-10-30 10:48
DIY時，圖片代碼里加一個尺寸就可以的：

非常感謝你的回復(fù)！！！
我是選擇的DIY的圖片板塊，以下是我跟據(jù)你的建議改的代碼。好像還是不行，大佬能幫我看看為什么嘛？

<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

鴻茂傳媒 發(fā)表于 2019-10-30 10:34
展開來的廣告一般是由html+css+js做的，也可以用插件來實現(xiàn)。

感謝大佬的回復(fù)！能否給一個相關(guān)鏈接呢？感激不盡！

czwhehehe

圖片自適應(yīng)參考：

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>

復(fù)制代碼

zpy

growlaha 發(fā)表于 2019-10-30 11:36
非常感謝你的回復(fù)！！！
我是選擇的DIY的圖片板塊，以下是我跟據(jù)你的建議改的代碼。好像還是不行，大佬能 ...

你這個 外面的li標(biāo)簽寬度也要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>

復(fù)制代碼

growlaha

artery 發(fā)表于 2019-10-30 15:31
你自己目前這個就不全，會亂套的，這樣改一下試試：

非常感謝！您這個代碼就是我想要的效果！！！感激不盡！

growlaha

czwhehehe 發(fā)表于 2019-10-30 14:42
圖片自適應(yīng)參考：

感謝！！！