作者gili1103 (kinjen)
看板Web_Design
标题[问题] 关於slider幻灯片的全屏效果
时间Thu Feb 5 16:16:02 2015
在做专案时遇到个问题
做了一个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 正确执行呢?
感谢各位前辈
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.255.82.228
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1423124165.A.BF9.html
1F：推 ian71135: 把图片css用width:100% 02/06 06:52