課程
/前端開發(fā)
/JavaScript
/JS插件開發(fā)之LightBox圖片畫廊(上)
如果前兩個數(shù)都小于一 ?取最小的比例 那圖片即使不超過視口 圖片也要被縮小了。。
2015-07-29
源自:JS插件開發(fā)之LightBox圖片畫廊(上) 3-7
正在回答
給你貼出了三種圖片在視口里面出現(xiàn)的情況,第一個為例,下面都差不多。
Chen_dear 提問者
?如果寬大于視口,那么寬要乘以的系數(shù)必須要比?視口的寬度/圖片的寬度?要小才行?(因為只有這樣才能讓圖片在視口里),同理高度的系數(shù)?也要比?視口的高度/圖片的高度?要小才行所以符合讓圖片在視口里的系數(shù)?要比這兩個系數(shù)都小才行所以系數(shù)能取的范圍?是小于?(高度的系數(shù)?與?寬度的系數(shù)中的最小值)??并不是一定就是這個最小值如果這個最小值小于1,我們就用這個最小值,使圖片縮放的比例最小,如果這個值大于1,我們就用1,因為1在這個范圍里,并且可以保證圖片不變形所以最后系數(shù)的表達(dá)式就是,Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1);也就是3者中的最小值
天真De孩子
天真De孩子 回復(fù) 天真De孩子
乘以的系數(shù) 是小于視口的寬度/圖片的寬度 ?還是 小于等于 如果是小于的話 那 Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1)取三個中的最小值得話這個系數(shù) 應(yīng)該是等于 高度系數(shù) 或者是寬度系數(shù) 或者是1吧 ?也不小于他們呀
舉報
圖片畫廊插件開發(fā)綜合演練,快來加入我們的課程吧
1 回答如果彈出框的大小比里面的圖片小,導(dǎo)致圖片顯示不全怎么辦
2 回答求實例代碼
3 回答老師上次的問題是我的錯~~已經(jīng)找到那里不對了
3 回答事件委托的原理是根據(jù)冒泡,為什么還要在事件委托里阻止冒泡有何意義?e.stopPropagation();
2 回答為什么這js文件引不進(jìn)html里面來,在網(wǎng)頁上看不到j(luò)s里面的內(nèi)容
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-08-03
給你貼出了三種圖片在視口里面出現(xiàn)的情況,第一個為例,下面都差不多。
2015-07-30
?如果寬大于視口,那么寬要乘以的系數(shù)必須要比?視口的寬度/圖片的寬度?要小才行?(因為只有這樣才能讓圖片在視口里),
同理高度的系數(shù)?也要比?視口的高度/圖片的高度?要小才行
所以符合讓圖片在視口里的系數(shù)?要比這兩個系數(shù)都小才行
所以系數(shù)能取的范圍?是小于?(高度的系數(shù)?與?寬度的系數(shù)中的最小值)??并不是一定就是這個最小值
如果這個最小值小于1,我們就用這個最小值,使圖片縮放的比例最小,
如果這個值大于1,我們就用1,因為1在這個范圍里,并且可以保證圖片不變形
所以最后系數(shù)的表達(dá)式就是,Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1);
也就是3者中的最小值
2015-08-02
乘以的系數(shù) 是小于視口的寬度/圖片的寬度 ?還是 小于等于 如果是小于的話 那 Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1)取三個中的最小值得話這個系數(shù) 應(yīng)該是等于 高度系數(shù) 或者是寬度系數(shù) 或者是1吧 ?也不小于他們呀