久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: Discuz 設置主頁全幅廣告 [打印本頁]

作者: growlaha 時間: 2019-10-30 10:16
標題: Discuz 設置主頁全幅廣告
各位大佬們，我想在主頁展示這種平鋪開的廣告。嘗試了DIY的圖片板塊，結果尺寸老是不能自適應屏幕。請問大佬們，如何才能在首頁展示這種展開的廣告呢？感激不盡！！！
(, 下載次數: 22)

作者: 鴻茂傳媒 時間: 2019-10-30 10:34
展開來的廣告一般是由html+css+js做的，也可以用插件來實現。

作者: artery 時間: 2019-10-30 10:48
DIY時，圖片代碼里加一個尺寸就可以的：
<img style="width: 100%; height: auto;" src="..................."

作者: growlaha 時間: 2019-10-30 11:36

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 11:37

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

感謝大佬的回復！能否給一個相關鏈接呢？感激不盡！

作者: czwhehehe 時間: 2019-10-30 14:42
本帖最后由 czwhehehe 于 2019-10-30 14:44 編輯

圖片自適應參考：

<div class="module cl slidebox">
<ul class="slideshow">
[loop]
<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>
[/loop]
</ul>
</div>
<script type="text/javascript">
runslideshow();
</script>

復制代碼

作者: zpy 時間: 2019-10-30 14:58

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

你這個外面的li標簽寬度也要100%吧

作者: artery 時間: 2019-10-30 15:31
你自己目前這個就不全，會亂套的，這樣改一下試試：

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

復制代碼

作者: growlaha 時間: 2019-10-30 20:18

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

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

作者: growlaha 時間: 2019-10-30 20:18

czwhehehe 發表于 2019-10-30 14:42
圖片自適應參考：

感謝！！！

作者: citywar 時間: 2019-10-30 21:13
DIY的時候

紅框藍框點那個屬性樣式邊距什么的全設置0
模塊直接圖片寬度 100%

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)