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

標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形） [打印本頁]
作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形）
本帖最後由 IT_man 於 2017-8-19 21:30 編輯 * ^) G+ M/ j' [9 u* P- E0 `/ r

! C, h5 m/ B' T2 Y3 x1 `7 t/ KDIY調用圖片、幻燈片縮放比例圖片變形修正" g% S4 z. }. _2 d0 V
  o. g. @; q- d4 g
打開調用模版，原本我的調用模版是:6 y' {4 I0 U- `  G  q6 C3 A' U; n$ _
' _: U$ z. R# v. H" e
<div class="module cl slidebox">
! U4 d! p6 f2 T4 E <ul class="slideshow">* j( a" E3 F8 |! _4 R/ v! _% j
  [loop]+ k) t  {& [& |5 G# G
   <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>
! J' z2 L  \- U# b$ r: \   [/loop]
/ }4 F) ~& N7 b3 }; x </ul>
( a5 e+ F2 p9 l( k3 y/ B</div>
5 _) h: V. _; P' |0 S<script type="text/javascript">
$ b) G' W% `! Z) r: S& X  runslideshow();
; l8 \& Z! r& l' v" c6 F: u7 ]</script>
" g, W" ?+ a3 x# }4 B
; _) l: ^! f3 C9 Z& g- H& ^
6 Z$ u( C, I0 F改成
4 [3 D/ I& Q5 {" @' ~3 z! ?0 r- }9 I5 g
<div class="module cl slidebox">+ W: j8 ]4 }6 M, V0 h
<ul class="slideshow">9 e2 L$ P. y8 y0 N
  [loop]( r2 D1 A  L& V2 T
   <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>
6 M1 u9 |$ v8 ]+ v7 }, n   [/loop]
% S& b: E' S- ]6 K </ul>
  k1 ?. G/ U! v/ X9 o. `</div>9 q7 ?/ b1 B3 w. A: ]$ n
<script type="text/javascript">2 L5 ~' H+ @: l5 [2 T8 D) d
  runslideshow();) A9 X+ I# \" N% E/ Y0 _3 @
</script>

2 n4 |) z2 c% [$ X6 U+ S
/ W% S( R% Y; L6 S8 J8 `8 Y# p



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