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

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

---

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


: M9 t4 j& D9 F: ?' }DIY調用圖片、幻燈片縮放比例圖片變形修正
: u! j& t" o" E, `& T
2 a7 ?1 P& B$ Y7 T打開調用模版，原本我的調用模版是:

- @" r8 p) F+ ^. z- x# v<div class="module cl slidebox">
<ul class="slideshow">
' o/ L! D- B7 P8 ~4 Z) p  [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>
   [/loop]
</ul>
; @4 }: N3 D7 t( i) x</div>
<script type="text/javascript">
  runslideshow();
* x, A6 r) B: j6 x0 R</script>
! Z7 L' ~% M# [  o

; }; J; m" a; t$ n) R' h$ D1 z改成

1 U7 O' U/ E2 I# q* g% }

<div class="module cl slidebox">
' c: h- U( O* h4 h2 _* g8 M <ul class="slideshow">
; s% j( z- g5 x0 O: A4 g1 W  [loop]
   <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]
: K! ~/ V! a1 o: W- s; \. I </ul>
7 D6 V+ c5 w) M2 |& i0 W</div>
' Y! m9 ~2 f1 r  r, U<script type="text/javascript">
  runslideshow();
</script>

---

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

Powered by Discuz! X3.2