討論區快速選單
知識庫快速選單
最紅的App開發語言:Kotlin 程式設計俱樂部Facebook粉絲團 傑米的攝影旅遊筆記
[ 回上頁 ] [ 討論區發言規則 ]
關於slider幻燈片的全屏效果
更改我的閱讀文章字型大小
作者 : f09261103(嵐曦)
[ 貼文 6 | 人氣 0 | 評價 0 | 評價/貼文 0 | 送出評價 0 次 ] 
[ 給個讚 ]  [ 給個讚 ]  [ 回應本文 ]  [ 發表新文 ]  [ 回上頁 ] [ 回討論區列表 ] [ 回知識入口 ]
2015/2/5 下午 12:58:05
在做專案時遇到個問題
做了一個slider, 希望可以隨瀏覽器的寬度, 裡面的圖片會自動縮放
目前遇到的問題是, 當視窗變換時, slider移動得數值會亂掉....
程式碼下載:http://goo.gl/n3IwP6

我在slider.js 第72行加了
$( window ).resize(function() {
goSlide1 = new A_slider("banner","big_frame", "big_list", "forward", "back", "left", "click", 5000);
});
當視窗變化時, 重新設定整個slider
但滑動時變成會滑過頭, 然後在滑回來,
試著在第47.48行間加了alert(this.FrameWidth);做測試
發現會執行一次舊寬度, 然後才執行新寬度

請問該如何修正, 才能讓ul 的marginLeft 正確執行呢?
感謝各位前輩
作者 : turing(Alan)
[ 貼文 68 | 人氣 0 | 評價 300 | 評價/貼文 4.41 | 送出評價 1 次 ] 
[ 給個讚 ]  [ 給個讚 ]  [ 回應本文 ]  [ 發表新文 ]  [ 回上頁 ] [ 回討論區列表 ] [ 回知識入口 ]
2015/2/12 上午 06:33:37
看編程,水平不高!

再看resize處理,更有點胡亂來的感覺!

resize十次,便有十一個A_slider同時存在,使人眼花繚亂!

alert(this.FrameWidth);會出現舊寬度及新寬度的原因是,同時有兩個A_slider存在,在不同時間timeout。

最簡單的處理方法是在resize內,即74行,删去原來的

goSlide1 = new A_slider("banner","big_frame", "big_list", "forward", "back", "left", "click", 5000);

加入三行來取代即可

goSlide1.FrameHeight = $("#" + goSlide1.frame).height();
goSlide1.FrameWidth = $("#" + goSlide1.frame).width();

$("#" + goSlide1.list + " > li ").width(goSlide1.FrameWidth);



看你一稿多投,gamer, blueshop,eyny都去問,僅gamer有回答。答案可行,但相當笨!
 板主 : Clark
 > Java Script - 討論區
 - 最近熱門問答精華集
 - 全部歷史問答精華集
 - Java Script - 知識庫
  ■ 全站最新Post列表
  ■ 我的文章收藏
  ■ 我最愛的作者
  ■ 全站文章收藏排行榜
  ■ 全站最愛作者排行榜
  ■  月熱門主題
  ■  季熱門主題
  ■  熱門主題Top 20
  ■  本區Post排行榜
  ■  本區評價排行榜
  ■  全站專家名人榜
  ■  全站Post排行榜
  ■  全站評價排行榜
  ■  全站人氣排行榜
 請輸入關鍵字 
  開始搜尋
 
Top 10
評價排行
Java Script
1 Snaking 1420 
2 jer 1140 
3 foolface 1080 
4 Clark 970 
5 Milx 960 
6 羅蘋 780 
7 艾里克斯 710 
8 abgne 600 
9 Fillano 500 
10 YnioBa 480 
Java Script
  專家等級 評價  
  一代宗師 10000  
  曠世奇才 5000  
  頂尖高手 3000  
  卓越專家 1500  
  優秀好手 750  
Microsoft Internet Explorer 6.0. Screen 1024x768 pixel. High Color (16 bit).
2000-2018 程式設計俱樂部 http://www.programmer-club.com.tw/
0.046875