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

IT_man

) L; |0 e6 n; a$ q3 X' T. \2 uDIY調用圖片、幻燈片縮放比例圖片變形修正
! m& o$ u. A* X* \9 w2 j+ y
打開調用模版，原本我的調用模版是:
, v+ n1 u1 z! Z' t9 @
; ?3 M. Z$ s  o<div class="module cl slidebox">
3 \% w5 w  |/ j; {: Y3 Z <ul class="slideshow">
/ W, S- O. f6 O: R- w" W+ Y  [loop]
- F  n! t& l7 |9 a5 L   <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>
   [/loop]
+ d! S/ C8 N- @5 @/ m4 Q </ul>
</div>
3 m! G  {4 Q8 f! w7 e1 b6 [<script type="text/javascript">
3 d8 D: j4 @' J! [6 q3 t$ J! G; I  ]  runslideshow();
</script>


; S. d6 O4 U& M改成
( l) C  w, ^5 G4 I
5 ^  Q6 w" \+ d( `3 k

<div class="module cl slidebox">
<ul class="slideshow">
  [loop]
! H! n5 A& k" `% @8 x$ h   <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>
   [/loop]
( ^. U$ P) d( s% r/ |! |2 U </ul>
- t$ }' w; \3 j( J+ y# f</div>
<script type="text/javascript">
: t( F0 U5 J. O% v0 ~; E& q9 X  runslideshow();
1 H0 Q$ m1 a+ B: w5 L6 ?5 b</script>

' o9 _1 w5 \* h& a2 R