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

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

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)
本帖最後由 IT_man 於 2017-8-19 21:30 編輯 . r, m( y6 E* s1 w" t7 n6 i

: M9 t4 j& D9 F: ?' }DIY調用圖片、幻燈片縮放比例圖片變形修正
: u! j& t" o" E, `& T
2 a7 ?1 P& B$ Y7 T打開調用模版,原本我的調用模版是:
! a2 l. ~) ]- W5 K+ c' N' y  O( M

- @" r8 p) F+ ^. z- x# v<div class="module cl slidebox">, U% u7 X% S4 ]4 |
<ul class="slideshow">
' o/ L! D- B7 P8 ~4 Z) p  [loop]0 g* r, B0 O/ e0 R6 ]$ S
   <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>: K1 U4 ?1 c  k
   [/loop]8 {& s) x! p& R  S. x
</ul>
; @4 }: N3 D7 t( i) x</div>; b) O. R! C9 T
<script type="text/javascript">0 V1 _. p0 ?- Y9 O; |# i( d
  runslideshow();
* x, A6 r) B: j6 x0 R</script>
! Z7 L' ~% M# [  o9 L2 x+ J- z, ~0 H! ~2 Y! ?: `) ~

; }; J; m" a; t$ n) R' h$ D1 z改成4 h$ o% o% b; e

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]3 I& U% _) b) h$ m( w
   <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>2 Q$ g* v9 F$ {
   [/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">- [! Q4 \+ P. i2 t& w
  runslideshow();3 D- r1 ^' x- @
</script>
4 [# U% r, n7 H" a& `7 [
: Z0 H$ \; c$ Q





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