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

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

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)
本帖最後由 IT_man 於 2017-8-19 21:30 編輯 ( E) F0 i/ I' x0 t
* Y0 u/ F- V. s  ]6 n& |' p
DIY調用圖片、幻燈片縮放比例圖片變形修正
% F+ O9 h8 s: J) s& T5 _9 I9 g
# R6 r, D; W& Q' R% A6 Z打開調用模版,原本我的調用模版是:

  b0 {; ^4 Q- n( S. B+ F' N# l
( v" P  w$ a* _& Q' O: z: R5 P
<div class="module cl slidebox">
) S( v- f6 P, B  Q6 B0 ?# L$ G" l <ul class="slideshow">
! C0 A$ \. K; {9 Y  [loop]
% X4 Y2 D# z2 Y! l1 a   <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>7 N. a4 S& j! \
   [/loop], m8 j% a+ J! D' g3 b, @( ], F6 K
</ul># [  V! t/ i* [
</div>
4 }0 n3 [5 a; b& K; }& {, i, _<script type="text/javascript">
& o& }! Q2 m3 B, m) U  runslideshow();  C" {4 |  T" Q" J3 Z
</script>% ^2 M: ?* e7 l5 W/ o8 W1 }0 @

9 F: ]2 }8 Z3 y9 g# B1 X+ g
# S- O- f' X2 Q$ m' B* M3 t+ k& k改成
3 _/ |/ c+ m2 I5 [$ r
  [* c; t& J2 l7 C5 q8 q( Y
<div class="module cl slidebox">. `$ F5 q5 ~  V, K
<ul class="slideshow">
0 x1 N# K  v5 i4 }3 J& }5 c/ @  [loop]" [! \% l  _) X( G
   <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>% C, H0 Q  F/ e/ ~( e; w( J5 i
   [/loop]) i; u' O0 p8 U) T) L
</ul>
% z* K  A$ z- s</div>- f  w) `' G" r' K6 ]3 |4 k4 L) B
<script type="text/javascript">
& _/ u8 L1 U' _$ }) {, l! q  runslideshow();
1 p9 k5 V; H) K' ^</script>
4 V( t- U; \2 [7 ~; n
: f. ^5 u. S7 _, A; z





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