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

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

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)
本帖最後由 IT_man 於 2017-8-19 21:30 編輯   }5 h9 A( F9 u/ p

0 S% N$ c0 ~/ [7 n" h( qDIY調用圖片、幻燈片縮放比例圖片變形修正
0 J/ P! D" v* V' `: T: k, O
6 r" _+ }, S+ h4 T/ W打開調用模版,原本我的調用模版是:

' m, D) j! y* Q8 n* s
8 {6 b8 Y6 g+ H$ ?- {" B' r. k
<div class="module cl slidebox"># j) d6 U$ A! \; t" ?8 K
<ul class="slideshow">
8 M; z- e4 F7 \  [loop]
6 ^2 e: Z3 S* R9 M$ u   <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>
  s5 k% o3 q  X/ E* k. P6 r   [/loop]2 d/ g8 Y, A$ Y. h" O! h* D2 D
</ul>+ A- S% N2 r3 g+ |" M
</div>, x/ }& L' B3 O6 W/ @5 X5 @) l5 A
<script type="text/javascript">' e! D$ Y" K$ g5 @. z/ @; n
  runslideshow();
2 n3 L) q9 m' i0 U1 v0 w# x/ F</script>: B- m8 k) q# X& ~8 {' B: @1 r

2 B( U1 w/ z4 f  A0 m5 r& n; M% L
) H# h( L4 H( m# u改成
6 L  Q- i6 t1 v+ R$ s# z; W
9 ]4 {8 m2 q9 K8 ]4 i6 a
<div class="module cl slidebox">
4 I0 y# l  c, `4 r7 f( Q <ul class="slideshow">, @8 C% _3 A, a
  [loop]
! `) f; _% K' }   <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>$ ~( J  s; F& S  }0 d; K
   [/loop]
. e" I% j, I, b </ul>
. t! ]$ ^% L2 {, ?8 |" W' U</div>
) ^' l* d! U& M. d<script type="text/javascript">
5 }6 l" n* S" H5 s, E  runslideshow();9 V) ^7 e5 j0 S& ?2 i
</script>

/ @/ v5 T+ ?( o, F' Z: \3 f6 F0 s2 @+ e( E* O. P2 o* }: ~2 m





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