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

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

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)
本帖最後由 IT_man 於 2017-8-19 21:30 編輯   a# X9 M0 z1 k$ r" q
) \: E6 d/ n- X  ^3 O* q: O
DIY調用圖片、幻燈片縮放比例圖片變形修正  i+ P3 F+ A- P* [. f* h9 A; A  f
' ~: S7 @3 h! r1 y
打開調用模版,原本我的調用模版是:
3 C5 a  f7 Q7 r5 i8 o& c& J+ \
) e9 Z) [% q0 N. G* u, |* C$ i
<div class="module cl slidebox">
1 U( s1 Z# }3 F6 w4 l* F <ul class="slideshow">
: ?% d8 e6 U# Y  [loop]
& E' |4 G( X& o, e, C- {   <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>
% r" S8 r% R/ f! o7 \5 Y- {$ Y2 M   [/loop]
) j, G7 E" O, X </ul>
% @: U3 _/ X  x* N</div>
$ ?7 J4 a9 \' S( |2 W' o- ^<script type="text/javascript">
  r) p1 q  J6 Q5 t. T  ?( Q* Z. V  runslideshow();
5 m8 D5 A  S* W* `. J$ R, d</script>/ x: J( H% s/ x& X0 W& {

9 r; k0 _% v" @7 h" v' X6 A# g' A7 x9 S( B( j" a& C
改成
) [8 \7 [! g6 N" M4 K; W  ^7 p1 R2 j
<div class="module cl slidebox"># P  Z" {% W% O' X( r! e
<ul class="slideshow">
& t3 G& R2 u2 J7 V! }, M  [loop]$ h1 r! ^* C* M  q( }
   <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>* n9 M- F4 v8 X" c5 w! B3 N. P9 \/ A
   [/loop]
3 F/ ^+ B+ @# P. E: ?  r. T </ul>
, s3 p" h( Z' M' `2 A& Q5 h; T</div>0 n4 l* F; A6 O1 A& y
<script type="text/javascript">4 `) X6 {) W  Y/ ^+ z: b
  runslideshow();
/ Q9 V; @/ _- r, i9 Z7 c# D</script>
# U) u8 o& _: L0 s& g
& w0 i+ E3 _: D% ]. N) i3 S. P





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