jquery圖片不完全按比例自動(dòng)縮小的簡(jiǎn)單代碼
jQuery(document).ready(function()
{
/* 圖片不完全按比例自動(dòng)縮小*/
$(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200;
//填入目標(biāo)圖片寬度
var y = 140;
//填入目標(biāo)圖片高度
var w=$(this).width(), h=$(this).height();
//獲取圖片寬度、高度
if (w > x) {
//圖片寬度大于目標(biāo)寬度時(shí)
var w_original=w, h_original=h; h = h * (x / w);
//根據(jù)目標(biāo)寬度按比例算出高度 w =x;
//寬度等于預(yù)定寬度 if (h < y) {
//如果按比例縮小后的高度小于預(yù)定高度時(shí)
w = w_original * (y /h_original);
//按目標(biāo)高度重新計(jì)算寬度 h = y;
//高度等于預(yù)定高度
}
}
$(this).attr({width:w,height:h}); }); }); });
- jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法
- 基于jquery實(shí)現(xiàn)等比縮放圖片
- 用jquery實(shí)現(xiàn)等比例縮放圖片效果插件
- jQuery設(shè)置圖片等比例縮小的方法
- 基于jQuery的圖片不完全按比例自動(dòng)縮小
- jquery實(shí)現(xiàn)圖片按比例縮放示例
- jquery實(shí)現(xiàn)頁(yè)面圖片等比例放大縮小功能
- 用jquery等比例控制圖片寬高的具體實(shí)現(xiàn)
- jQuery實(shí)現(xiàn)等比例縮放大圖片讓大圖片自適應(yīng)頁(yè)面布局
- jquery實(shí)現(xiàn)圖片等比例縮放以及max-width在ie中不兼容解決
- jquery 圖片上傳按比例預(yù)覽插件集合
- jquery 圖片預(yù)加載 自動(dòng)等比例縮放插件
- jQuery實(shí)現(xiàn)按比例縮放圖片的方法
相關(guān)文章
jquery限定文本框只能輸入數(shù)字即整數(shù)和小數(shù)
限定文本框只能輸入數(shù)字即整數(shù)和小數(shù),在某些特殊情況下還是比較實(shí)用的,下面有個(gè)不錯(cuò)的示例,通過(guò)jquery來(lái)簡(jiǎn)單實(shí)現(xiàn)下2013-11-11
通過(guò)jQuery打造支持漢字,拼音,英文快速定位查詢的超級(jí)select插件
jQuery 超級(jí)select 插件 v3.0.0.0插件 支持漢字、拼音、英文快速定位查詢的超級(jí)select插件。可方向鍵、tab 鍵快速選擇。2010-06-06
jQuery ajax MD5實(shí)現(xiàn)用戶注冊(cè)即時(shí)驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了JQuery AJAX MD5實(shí)現(xiàn)用戶注冊(cè)即時(shí)驗(yàn)證功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10
jQuery插件FusionCharts繪制的3D環(huán)餅圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D環(huán)餅圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用FusionCharts載入xml格式數(shù)據(jù)繪制圖形的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
jquery.pager.js分頁(yè)實(shí)現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了jquery.pager.js分頁(yè)的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
基于jquery的9行js輕松實(shí)現(xiàn)tab控件示例
tab控件的實(shí)現(xiàn)方法有很多,在本文為大家詳細(xì)介紹下如何通過(guò)9行js實(shí)現(xiàn)簡(jiǎn)單的tab控件,感興趣的朋友不要錯(cuò)過(guò)2013-10-10
jQuery實(shí)現(xiàn)點(diǎn)擊按鈕滾動(dòng)元素功能詳解
這篇文章主要為大家介紹了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕滾動(dòng)元素功能詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
利用jquery正則表達(dá)式在頁(yè)面驗(yàn)證url網(wǎng)址輸入是否正確
這篇文章主要介紹了關(guān)于利用jquery正則表達(dá)式在頁(yè)面驗(yàn)證url網(wǎng)址輸入是否正確的相關(guān)資料,文中給出了完整的示例代碼,對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-04-04
jQuery EasyUI API 中文文檔 - ComboTree組合樹
jQuery EasyUI API 中文文檔 - ComboTree組合樹,需要的朋友可以參考下。2011-10-10

