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

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

---

作者: IT_man    時間: 2017-8-19 21:21
標題: DIY調用圖片、幻燈片縮放比例修正（避免圖片變形）

. o9 Z' m* g$ |
DIY調用圖片、幻燈片縮放比例圖片變形修正

  Z6 z- `0 K7 @  ?- B: ^# p打開調用模版，原本我的調用模版是:
8 I+ X, K2 T& Y1 }# f/ s5 ]+ H
<div class="module cl slidebox">
<ul class="slideshow">
6 Y* k  q5 D$ ~# B/ b$ g% U! d( w  [loop]
   <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>
" P% N- Q  j8 `: \. M/ u   [/loop]
! N/ R' g/ W5 C9 t3 o </ul>
; l0 y  Z9 X4 k7 E9 f9 r</div>
- k0 ?3 ^8 @2 K$ O4 ~<script type="text/javascript">
  runslideshow();
! K. V0 C# ~/ x0 q+ M2 n8 p</script>

( U! c  U# P7 z4 w! B" m
7 ^% Q, Z  c4 d3 N# S8 i- u改成

<div class="module cl slidebox">
<ul class="slideshow">
6 @( `: ^7 a) m( ]8 M  [loop]
+ f( y8 Y$ g1 o   <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>
0 C$ R0 m9 y. Q. j( l   [/loop]
</ul>
3 |$ J2 k. r3 @% L% k$ A* r( v</div>
<script type="text/javascript">
$ X$ w% ]/ Z* p# f: O  runslideshow();
! r7 f  f7 m7 X* ~/ w& a) |0 |; S( p6 p</script>

. o2 ~: |7 E: ]

---

歡迎光臨 52AV手機A片王|52AV.ONE (https://nhkie.com/)

Powered by Discuz! X3.2