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

標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形） [打印本頁]
作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形）
本帖最後由 IT_man 於 2017-8-19 21:30 編輯   g1 t0 z! k8 ^' b; r9 H8 Z: ~

) [& J, L5 @& n' v* P( L: ^DIY調用圖片、幻燈片縮放比例圖片變形修正
7 o/ B; j/ b' L1 i1 Z+ g
1 Z3 D: M( U% W打開調用模版，原本我的調用模版是:" h3 w" w, u# c( F$ Y$ N; t' x+ X. o
) ?$ G  M: A9 a7 {' l+ F$ H
<div class="module cl slidebox">
  A/ |+ I) C1 u( t# S# s9 ? <ul class="slideshow">
8 e# G* U5 L7 `* o9 q) s3 {, }  [loop]: E1 O2 t0 U$ w0 }* G  B$ \( J( t
   <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>
- X, f# Q+ T# r0 x- }$ e5 P( ~   [/loop]
6 ]3 y- @4 M9 @; d- _ </ul>. f6 a7 w7 r6 C5 }& A1 e
</div>- x9 Q, s7 k, S: R6 H1 V
<script type="text/javascript">% n+ O3 O# z3 o9 m
  runslideshow();4 l5 r/ }: A5 z4 C' t6 H
</script>
. O% z: F* b) L. @' c4 W5 I7 i# i( @! x! B. R) r8 h% @7 P1 u
; y( n3 S3 W+ y4 g) j% [
改成
3 `* O( T. f8 b6 L; Z# E4 U- f* S: p0 K2 _+ f
<div class="module cl slidebox">$ ~* Z/ H: W% H2 `# R; j* `
<ul class="slideshow">
0 T+ ~+ s7 ?% j( z( `& a. ~  V2 w. o  [loop]% x- c5 T. N' 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>
$ o# Q* Z  l9 }: J  Y+ A$ W   [/loop]
5 O5 F2 j5 x7 o6 R' G: E6 L7 ? </ul>
3 P, n. A1 ]5 s</div>
0 L( ~- C; H/ \8 B1 S% n<script type="text/javascript">6 w3 j2 t9 ]$ R/ ~
  runslideshow();
/ E1 c. E$ m2 w  ~</script>

$ M, i2 H' g6 _; \% V1 _1 ~  }; ~, a; X; R& d* \2 e; `




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