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

IT_man

5 I: U7 `  J2 V
1 p' Y" @# p7 J, r6 X: K* iDIY調用圖片、幻燈片縮放比例圖片變形修正
6 o. G, a$ s: D" C/ ~' I. _
, y) S2 A# m+ R& _打開調用模版，原本我的調用模版是:

<div class="module cl slidebox">
<ul class="slideshow">
9 _2 d  ~) H5 n/ s1 m  [loop]
   <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>
2 T, B, D& b* N4 @# K. r, a   [/loop]
</ul>
$ d9 N1 `8 T# ^" d</div>
  T' ]% l3 U" l4 S$ M$ v. V<script type="text/javascript">
* G" ?$ \/ m) Z+ F" }" K  runslideshow();
</script>


改成
" k" I' U  d1 G
+ d, b2 t% Y3 b% q* B6 ~3 J# [9 I( c! h

<div class="module cl slidebox">
+ J8 o% y- C' n; k <ul class="slideshow">
7 G2 ~! x$ ?7 U4 E% W; H  q  [loop]
  c, B: m. j8 Q' g1 ~% `2 @& t   <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>
: L, M/ _) B( D2 T6 m; E   [/loop]
</ul>
+ D. s/ X4 }$ o* B" c</div>
/ ^6 ]3 J! T; w/ U' R<script type="text/javascript">
5 C) w: [3 r- W& |( D, \  runslideshow();
</script>

6 |. Q2 K3 T) o& w$ i% i5 P1 F5 J