台灣最大程式設計社群網站
線上人數
848
 
會員總數:244895
討論主題:188889
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> 響應式網頁上的輪播廣告
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
響應式網頁上的輪播廣告
價值 : 30 QP  點閱數:1972 回應數:11

樓主

衝第一
門外漢
0 28
395 36
發送站內信

輪播廣告放在響應式網頁上,
如果要讓它隨著視窗變小廣告個數跟著減少向下面圖片那樣這要怎麼做呢?
爬了好多文真的找不太到

搜尋相關Tags的文章: [ 輪播廣告 ] ,
本篇文章發表於2015-03-20 02:22
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

衝第一
檢舉此回應
圖片不知道為什麼貼不上來@@
只好貼連結
http://imgs.cc/image/cmii4vX

求大大們的神回復阿
本篇文章回覆於2015-03-20 02:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

四百龍銀
檢舉此回應
1.
輪播是否使用套件?
若是的話 建議尋找有RWD的套件使用

2.
若堅持要使用不含RWD的輪播
可以自行修正CSS的部分
將絕對大小改為相對大小

PS
須注意輪播時錯位的問題
本篇文章回覆於2015-03-20 11:24
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

衝第一
檢舉此回應
四百龍銀大大你好:
由於這是接手學長做的專案,
所以如果要套其他套件的話應該不太合適,
學長也說他套件哪裡抓的忘記了0.0,
css有將絕對大小改為相對大小了,
只有兩邊的左右切換鍵會隨著頁面改相對位置,
至於輪播廣告部分唯一會變的就是不會自動換行了,
希望是能隨著大小減少或增加個數,
請問大大CSS是要改ul li這裡嗎?
本篇文章回覆於2015-03-22 21:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
最有價值解答

迷路
捐贈 VP 給 迷路 檢舉此回應
1.既然是用套件就應該會引入套件的js檔(有些還有css檔),用引入的檔名通常都能google到是哪套套件

2.不管是接手還從頭開發,效果達不到要求時本來就得換套件,沒有什麼適不適合的問題,沒達成要求才是最不適合的

3.沒有套件名稱,沒有原始檔,也沒有頁面的網址,基本上回答者什麼情況都看不到,這樣要準確的回答該調整什麼css實在有些強人所難,就個人經驗來看,應該只要將ul的寬度指定為100%就可以了
本篇文章回覆於2015-03-23 09:49
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

衝第一
檢舉此回應
a, img {
border: 0;
}

.friend {
height: 413px;
margin: 0 auto;
overflow: hidden;
width: 100%;
}

.mr_frbox {
width:100%;
height: 407px;
padding: 24px 0px 0px;
}

.mr_frBtnL {
cursor: pointer;
display: inline;
float: left;
margin: 100px 100px 0 0;
width: 91px;
height: 119px;

}
.btnclick a {
position: relative;
}

.btnclick a:active{
top: 2px;
}

.mr_frUl {
float: left;
height: 202px;
max-width: 55%;
text-align: left;

}

.mr_frBtnR {
float: right;
margin-top: 100px;
cursor: pointer;
width: 91px;
height: 119px;

}

.mr_frUl ul li {
display: inline;
float: left; /*height:389px;*/
max-width: 28.7%;
overflow: hidden;
position: relative;
margin-left: 60px;
}

.mr_frUl ul li a img {
/*display:block;*/
width: 100%;

}

CSS程式碼在這裡有修改過了
不知道哪裡修改錯了呢?
本篇文章回覆於2015-03-25 19:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

衝第一
檢舉此回應
輪播廣告排法好像是參考http://www.bolymin.com.tw/index.html
這間公司的首頁下面那一個做的
本篇文章回覆於2015-03-25 19:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
既然是瀏覽器變小時,跑馬燈圖片大小不變,而是顯示個數變少
li的寬度就不能隨瀏覽器大小調整,而是要寫死固定
本篇文章回覆於2015-03-26 09:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

衝第一
檢舉此回應
迷路大大
一開始的寬度都是固定寬度
後來才嘗試將寬度改為相對寬度
這樣改還是不行
懇請大大給個指導
本篇文章回覆於2015-03-26 15:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
你們參考的網頁效果用的是superslide
算是相當有名的效果套件
他把呼叫效果的部分獨立成一個js
http://www.bolymin.com.tw/js/index.js

個數部分就是最後的vis欄位設定
套件為了避免出現半個li的情況,所以是用計算的方式設定遮罩的寬度
如果需要強制設定遮罩寬度可以使用
本篇文章回覆於2015-03-27 10:31
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應

衝第一
檢舉此回應
請問大大有辦法做到只要蓋到一點點就整個li隱藏嗎?
本篇文章回覆於2015-03-27 18:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
這個得靠美工做苦工了
去查查看RWD(響應式網頁設計)吧
設定不同瀏覽器寬度下的對應css
本篇文章回覆於2015-03-30 09:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.