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

IT_man

/ a" Z; |! P! x0 O
% M' ~" u2 M5 s3 C! m# j, QDIY調用圖片、幻燈片縮放比例圖片變形修正
, B" T% y' ]+ Y& J4 P
9 q! s  Q( b6 r) B% W6 Y1 x打開調用模版，原本我的調用模版是:

* }; W: @" p, x8 H7 N- T* J<div class="module cl slidebox">
<ul class="slideshow">
  A0 P4 K. r/ Y7 w) j4 ^+ m( D$ g  [loop]
1 v2 T" a0 M( G4 f   <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>
! v0 r5 o) d) G" @   [/loop]
5 u, x7 H6 \- t/ [% A7 T; S </ul>
% I( R! l3 d: Y: M, F/ J  R</div>
<script type="text/javascript">
, e2 o3 z+ p/ Q  runslideshow();
+ A' c9 m# k4 h3 s/ b# r/ y& O</script>

+ K3 n& p! D; Q) e5 o
改成
4 {$ Q& ~* c: r4 y0 G3 d
. X. y+ W$ u" Z% L* w4 k: }

<div class="module cl slidebox">
$ ~$ P/ O5 p+ u1 J$ ~' f <ul class="slideshow">
% f- I# r1 v* l- X+ y; h; p! W# U8 v  [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>
( }! A4 ~5 u+ }' x   [/loop]
3 e1 X6 w2 v* N6 G& \1 Y- D9 s </ul>
/ g+ O. U" W1 B</div>
<script type="text/javascript">
& u2 s' n& j3 A$ D6 t$ f' L  runslideshow();
</script>