52AV手機A片王|52AV.ONE

標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形） [打印本頁]
作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形）
本帖最後由 IT_man 於 2017-8-19 21:30 編輯 1 N# b7 O$ [  c, }
$ g) s( B5 s  E
DIY調用圖片、幻燈片縮放比例圖片變形修正& ], y! e% F- r( y- ~6 @
7 `/ i) p- d+ ]  S9 E3 H
打開調用模版，原本我的調用模版是:: s% b- U% A) y. g4 W+ Q
' Y3 o: _% }* E- m/ v' x# X8 U
<div class="module cl slidebox">
5 h' B: y" O  I. {1 c4 k! T <ul class="slideshow">
5 j2 f( q3 c) I  V  [loop]- Z# s4 u& G6 ~7 \# p& o9 T% o, t6 N
   <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>
& J: M( b5 {3 N& N3 \   [/loop]/ V" ^6 a6 ]( n! U4 h
</ul>! T; K8 p" ~% H
</div>: l7 x7 _* U$ E3 g0 F
<script type="text/javascript">
: n' O" @# _  B0 K3 E- Y: K  runslideshow();
$ T, t  d: K7 @& ~5 t# t</script>9 a4 v3 b+ T. n5 Y
. P; j6 g& j$ B/ t% e# Y0 T

" ^  ~& }! J: p5 `  P改成
- M; u+ }# d7 N* e( S: p# m5 S4 `; K: p- R+ M: ]4 p. a  L
<div class="module cl slidebox">
9 Y( W9 i0 M. `4 D& M$ r <ul class="slideshow">
+ |" C7 i  n: j, [. ?  S# g  [loop]
- K8 N' Q# b: Y   <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>, u7 p- V% U- ?7 M# X
   [/loop]; i) C! X% o3 Q: W. e+ H! @! ?9 q. e
</ul>- y% y1 C  d: ~0 U. O# ^$ o
</div>
' |$ ^& X4 ^7 ^3 S: |<script type="text/javascript">
2 k# e6 {. W9 M  runslideshow();
. A- y& m2 a8 ?, R- V% i</script>

2 M+ h' V: B5 g# B3 E; c  c4 M* f% z" h8 B- w, a) s+ v




歡迎光臨 52AV手機A片王|52AV.ONE (https://www.52av.one/) Powered by Discuz! X3.2