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

標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形） [打印本頁]

---

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形）


DIY調用圖片、幻燈片縮放比例圖片變形修正
: z* \0 {" T4 [' n/ ]/ z7 {
打開調用模版，原本我的調用模版是:

, T0 @! j- p+ O: e1 t<div class="module cl slidebox">
3 P2 k/ i. H: [" d3 `' q/ T: z% x7 K <ul class="slideshow">
, n9 I8 I9 C% |. s" h  [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>
6 x# |& `* r8 X. `; k' `+ U3 M   [/loop]
% _. @$ w; O' j% G7 L2 k5 C2 [ </ul>
1 v$ T: l6 A1 c! e</div>
<script type="text/javascript">
  runslideshow();
</script>

  g1 k& {5 k* h! p+ H
改成
! b7 F2 c& @* Y
4 E, k/ h7 K* ?1 E2 w/ z. f

<div class="module cl slidebox">
6 p+ z" f9 m. U' j2 |4 c- N# t* v <ul class="slideshow">
' D$ e1 n2 S- Q  `) v; H  [loop]
& c2 t- D( k7 }+ p   <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>
0 a( e. {7 p$ g; E7 u6 I   [/loop]
</ul>
& Y* }' B9 G# G</div>
! f, u, X6 p. i5 o<script type="text/javascript">
2 d( I& w$ B# j2 ~; u: X  runslideshow();
</script>

---

歡迎光臨 52AV手機A片王|52AV.ONE (https://www.52av.one/)

Powered by Discuz! X3.2