DIY調用圖片、幻燈片縮放比例修正（避免圖片變形）

IT_man

7 b/ o/ c  Y1 R, E, o3 @! _7 w
  `; e. Z- _- v. C  q9 X! C' H& ^DIY調用圖片、幻燈片縮放比例圖片變形修正

打開調用模版，原本我的調用模版是:

<div class="module cl slidebox">
<ul class="slideshow">
  [loop]
5 j( k; P* }4 b* C, _   <li style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>             <span class="title">{title}</span></li>
( s! ]8 X( _+ D) N7 ]" |   [/loop]
</ul>
</div>
<script type="text/javascript">
! ~6 M+ s1 d7 y$ f  runslideshow();
# W5 X9 b  j" O</script>
% O* t  G, m* ~/ h
& w* f3 A" s2 A% l4 s
改成
8 r0 I3 c+ r' d" R; U

<div class="module cl slidebox">
1 B; M5 p6 j3 j <ul class="slideshow">
& ~2 Q# n$ A% Y+ ?" y  [loop]
   <li style="max-width: {picwidth}px; max-height: {picheight}px; text-align:center"><a href="{url}"{target}><img src="{pic}" max-width="         {picwidth}" max-height="{picheight}" height="{picheight}"/></a><span class="title">{title}</span></li>
, t5 k' `+ F( f( e   [/loop]
8 a! {* C* ^$ x# n </ul>
$ i+ e* p1 N1 q' _$ M' i</div>
( ]/ B  U, w: t: p# Q<script type="text/javascript">
  runslideshow();
</script>

  a1 c2 P3 G; u! v, O. v0 s0 s( b6 ?6 j
7 U% B0 g$ ?9 r9 X& T8 b3 `