Re: [問題] 請問這個javascript(jq)的計算原理

作者: tooto1985 ( )   2015-07-21 15:17:18
※ 引述《spyhopping (Lovely Orca)》之銘言:
: var bgimage = function (w, h) {
: var origImgW = 2560,
: origImgH = 1440,
//定義原始圖片的寬高
: imgRatio = origImgW/origImgH;
//計算出寬高比例
: console.log("imgRatio"+imgRatio);
//console.log輸出寬高比例
: $('.bg_slides').width(w).height(h);
//將圖片設定傳入參數的w寬度和h高度
: if( w/h > imgRatio )
: {
//傳入參數w/h如果大於寬高比表示圖片比較長
: var imgHeight = origImgH * w / origImgW;
//重新計算出新的高度
: $('.bg img').height(imgHeight).width('100%').css({
'marginTop': (h - imgHeight) / 2,
'marginLeft': 0});
//重設高度,寬度維持100%,跟一些CSS樣式的設定
: }
: else
: {
//圖片比較寬
: var imgWidth = origImgW * h / origImgH;
//重新計算出新的寬度
: $('.bg img').width(imgWidth).height(h).css({
'marginLeft': (w - imgWidth) / 2,
'marginTop': 0});
//重設寬度,高度設定為傳入參數h,跟一些CSS樣式的設定
: }
: };
: 請問有人可以教我一下這段程式碼在做甚麼嗎
: 最後的結果是 .bg img 這張圖 可以隨著視窗大小改變
: 但是邏輯我看不太懂 >_<
作者: cliffk321 (Cliff)   2015-07-21 16:28:00
作者: Snailtang (蝸牛@/")   2015-07-22 06:45:00

Links booklink

Contact Us: admin [ a t ] ucptt.com