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

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

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)
本帖最後由 IT_man 於 2017-8-19 21:30 編輯
- d3 b$ W1 V: }, W9 @% H2 D$ s! @
DIY調用圖片、幻燈片縮放比例圖片變形修正
5 k5 Z" q: P2 b
1 x6 Z# v, s! {7 ~打開調用模版,原本我的調用模版是:
9 A. B* I3 y& x5 w
( A4 K/ {' M& A5 J; Z! U
<div class="module cl slidebox">/ s+ f( T0 c0 A# r1 j0 A
<ul class="slideshow">3 A3 y! S/ J7 W, F
  [loop]8 j: W8 q; m6 R7 V- R% h7 h  W
   <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>
1 Z8 r. D3 Z. U% f2 x   [/loop]! M1 g. o, V- [  Z/ Y( u  f: P0 `
</ul>, e" }; G8 A' M9 M* {! |% ~/ a
</div>
. y5 A9 T: g; v( |: X<script type="text/javascript">
" E8 s% w+ \# Y7 R2 g  }6 L  runslideshow();0 J% x9 D$ Y, X) j* J
</script>
) F- u) N! g8 _% x4 @9 U7 n. L& b. {

$ o  }" _' I; \4 `1 q. d, N改成
' U3 p3 }7 i- l! c0 S1 V+ {7 ]/ A' J1 U# D1 O1 K6 o# E
<div class="module cl slidebox">
/ r  K6 n  R( [  k& H; K6 g <ul class="slideshow">
0 o# ^5 s  E0 Y  [loop]
' d: r6 h8 q# ^0 H# `6 M) A5 B   <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>- v0 |* l' R3 |, N0 u) k! P: P* W* F
   [/loop]
9 c0 |+ F( F7 z. K7 E </ul>
! F/ E7 {' a# j</div>
4 V2 l7 `9 ~( W6 W/ ?<script type="text/javascript">
) X) }3 x$ |" j& w  h6 }  runslideshow();
& l$ C. v, \: _  r</script>

( c  {# ?1 \' M: C) i" p8 C4 X
, n8 Q# b+ ?( A8 q" j8 z




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