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

IT_man

, L+ Z" ~" }4 [5 \7 J) a" K
9 C4 K! e" h1 V! bDIY調用圖片、幻燈片縮放比例圖片變形修正
3 `* j7 A! D) }: H' |% k  N
打開調用模版，原本我的調用模版是:
* T9 q6 o' Q3 O; [6 d
/ c4 o  d' z/ p6 r* A+ }; @0 q+ R$ U<div class="module cl slidebox">
<ul class="slideshow">
! O( [* r$ a- b1 y4 a+ w$ {  [loop]
6 `7 s  b" u) c9 E0 d   <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>
% ~1 Q& K- Q5 U9 H& n3 a   [/loop]
' n: ~2 J6 @+ O+ V </ul>
</div>
' S6 e  ]+ ]; h<script type="text/javascript">
1 W4 l- o$ D: u  runslideshow();
</script>

/ {5 ~; t9 q( t: M* y& G- i
改成

3 S  m% X" S" i3 C

<div class="module cl slidebox">
, o6 Q$ Y1 I! l% ~2 U  ` <ul class="slideshow">
  [loop]
7 M7 H$ E% x# M2 m: I/ ^   <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>
5 S8 {6 X! n6 g& n   [/loop]
+ K; M* t3 m$ w </ul>
</div>
2 h6 y2 z" [4 N<script type="text/javascript">
  runslideshow();
</script>

  e- \# t) g3 u9 |