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

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

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)
本帖最後由 IT_man 於 2017-8-19 21:30 編輯
+ ~  x( Z) f' I9 V; m* z& O$ K  L: Y5 \. J. ?& s2 l5 ^2 T
DIY調用圖片、幻燈片縮放比例圖片變形修正8 \: z# Y4 R' K" ]) ]1 ]7 A: R

) @' t; x' R2 k- b打開調用模版,原本我的調用模版是:

* r% f# ?$ {  ]) {* Z% b' V

% n: S# F1 ?% W# V" |<div class="module cl slidebox">
2 o/ [2 w( E$ e- ] <ul class="slideshow">
1 _4 u. {* J' o5 Z: d  [loop]8 j+ A2 W3 s6 S. o# Q
   <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>  J0 l% [) |" |7 ?' l6 v% H/ C
   [/loop]
$ O& E3 l& {+ h% _ </ul>4 m( D; ]3 V; y
</div>
$ t  n: S0 c7 |' s# ~$ G# ^<script type="text/javascript">
# j5 E) Q& j4 E/ v. p1 X  runslideshow();
4 ^; _+ I. V8 m! @) X</script>
+ X# c) f: I9 e) t, O4 T9 Z9 @

5 K/ r6 X( x5 S5 c/ L9 \: x+ Q5 y, x2 N改成
2 \5 n! f8 v$ Q  z7 R$ B: {" \' p! [) S! Q2 V: Y/ O
<div class="module cl slidebox">$ ]5 I$ h; K0 V- V' {- r& n
<ul class="slideshow">( v" o' H2 k$ S  K9 g" }$ N
  [loop]
( C( [" P5 B7 t1 t9 Y   <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>
# e. d, }7 ~' }! t% @3 h* Z* v   [/loop]
0 g5 |- X3 p6 c) W0 K3 Y! \ </ul>
% C+ o% r7 I* h3 @3 n. q</div>
* J' E: N3 M$ A( v! N7 Z9 K<script type="text/javascript">
* C" u8 a" w/ l+ w9 B  runslideshow();# h1 Q  [1 C  P' s. ^1 {' @( j
</script>
  C( q9 s$ U5 I7 p- J2 ?  @! k. X

3 m' D' z. w  S  F7 `5 f% Z- r




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