4 条评论 《按比例制作缩略图》

• 发表评论
• 支持崔凯

1. juse
   01/23/2009 at 16:28

   
   我一直是这样用的

   css：

   img{max-width:620px;}

   html里面
   

   minmax.js代码
   // minmax.js: make IE5+/Win support CSS min/max-width/height
   // version 1.0, 08-Aug-2003
   // written by Andrew Clover , use freely

   /*@cc_on
   @if (@_win32 && @_jscript_version>4)

   var minmax_elements;

   minmax_props= new Array(
   new Array(‘min-width’, ‘minWidth’),
   new Array(‘max-width’, ‘maxWidth’),
   new Array(‘min-height’,'minHeight’),
   new Array(‘max-height’,'maxHeight’)
   );

   // Binding. Called on all new elements. If , initialise; check all
   // elements for minmax properties

   function minmax_bind(el) {
   var i, em, ms;
   var st= el.style, cs= el.currentStyle;

   if (minmax_elements==window.undefined) {
   // initialise when body element has turned up, but only on IE
   if (!document.body || !document.body.currentStyle) return;
   minmax_elements= new Array();
   window.attachEvent(‘onresize’, minmax_delayout);
   // make font size listener
   em= document.createElement(‘div’);
   em.setAttribute(‘id’, ‘minmax_em’);
   em.style.position= ‘absolute’; em.style.visibility= ‘hidden’;
   em.style.fontSize= ‘xx-large’; em.style.height= ’5em’;
   em.style.top=’-5em’; em.style.left= ’0′;
   if (em.style.setExpression) {
   em.style.setExpression(‘width’, ‘minmax_checkFont()’);
   document.body.insertBefore(em, document.body.firstChild);
   }
   }

   // transform hyphenated properties the browser has not caught to camelCase
   for (i= minmax_props.length; i–>0;)
   if (cs[minmax_props[i][0]])
   st[minmax_props[i][1]]= cs[minmax_props[i][0]];
   // add element with properties to list, store optimal size values
   for (i= minmax_props.length; i–>0;) {
   ms= cs[minmax_props[i][1]];
   if (ms && ms!=’auto’ && ms!=’none’ && ms!=’0′ && ms!=”) {
   st.minmaxWidth= cs.width; st.minmaxHeight= cs.height;
   minmax_elements[minmax_elements.length]= el;
   // will need a layout later
   minmax_delayout();
   break;
   } }
   }

   // check for font size changes

   var minmax_fontsize= 0;
   function minmax_checkFont() {
   var fs= document.getElementById(‘minmax_em’).offsetHeight;
   if (minmax_fontsize!=fs && minmax_fontsize!=0)
   minmax_delayout();
   minmax_fontsize= fs;
   return ’5em’;
   }

   // Layout. Called after window and font size-change. Go through elements we
   // picked out earlier and set their size to the minimum, maximum and optimum,
   // choosing whichever is appropriate

   // Request re-layout at next available moment
   var minmax_delaying= false;
   function minmax_delayout() {
   if (minmax_delaying) return;
   minmax_delaying= true;
   window.setTimeout(minmax_layout, 0);
   }

   function minmax_stopdelaying() {
   minmax_delaying= false;
   }

   function minmax_layout() {
   window.setTimeout(minmax_stopdelaying, 100);
   var i, el, st, cs, optimal, inrange;
   for (i= minmax_elements.length; i–>0;) {
   el= minmax_elements[i]; st= el.style; cs= el.currentStyle;

   // horizontal size bounding
   st.width= st.minmaxWidth; optimal= el.offsetWidth;
   inrange= true;
   if (inrange && cs.minWidth && cs.minWidth!=’0′ && cs.minWidth!=’auto’ && cs.minWidth!=”) {
   st.width= cs.minWidth;
   inrange= (el.offsetWidthoptimal);
   }
   if (inrange) st.width= st.minmaxWidth;

   // vertical size bounding
   st.height= st.minmaxHeight; optimal= el.offsetHeight;
   inrange= true;
   if (inrange && cs.minHeight && cs.minHeight!=’0′ && cs.minHeight!=’auto’ && cs.minHeight!=”) {
   st.height= cs.minHeight;
   inrange= (el.offsetHeightoptimal);
   }
   if (inrange) st.height= st.minmaxHeight;
   }
   }

   // Scanning. Check document every so often until it has finished loading. Do
   // nothing until arrives, then call main init. Pass any new elements
   // found on each scan to be bound

   var minmax_SCANDELAY= 500;

   function minmax_scan() {
   var el;
   for (var i= 0; i<document.all.length; i++) {
   el= document.all[i];
   if (!el.minmax_bound) {
   el.minmax_bound= true;
   minmax_bind(el);
   } }
   }

   var minmax_scanner;
   function minmax_stop() {
   window.clearInterval(minmax_scanner);
   minmax_scan();
   }

   minmax_scan();
   minmax_scanner= window.setInterval(minmax_scan, minmax_SCANDELAY);
   window.attachEvent(‘onload’, minmax_stop);

   @end @*/

   回复

   juse Reply:
   一月 23rd, 2009 at 16:31

   html被屏蔽掉了。。。

   应该是
   《!–[if IE 6]>

   《script src=”include/javascript/minmax.js” type=”text/javascript”></script》

   <![endif]–》

   juse Reply:
   一月 23rd, 2009 at 16:55

   收集了一些，包括兄弟你的
   http://juseblog.com/index.php/2009/01/resize-img-html-code/

2. netputer
   02/08/2009 at 19:54

   好简单，好用！

   回复

发表评论 （无需注册）