tid=65920& 本帖最後由 IT_man 於 2017-8-19 21:30 編輯 . m2 ~3 ?. H; H ^( u2 e! F& w
* a% ~; H/ G# [) h& m
DIY調用圖片、幻燈片縮放比例圖片變形修正
- U4 M( i: `8 x ]- k4 g! y
3 b0 v. x8 b% q$ y3 x% j4 F1 q7 J打開調用模版,原本我的調用模版是:8 v# O! G; O% H' D/ p+ [0 T
% u& W6 a. [( a1 _
<div class="module cl slidebox">6 P( { q& J, d6 u
<ul class="slideshow"> Q+ i K- k, |- O+ D
[loop]
6 \' _; e' j" I$ W7 j; g9 s- p <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>
6 Z! M' j% J: k [/loop]
- A9 z( E9 R* ~! w8 k" o </ul>
; y5 y! f8 F/ v4 t</div>
- ?9 ^" J+ [- r; g0 K<script type="text/javascript">/ H. ~* D5 G- @4 W) i( _
runslideshow();( G" {- d8 |. S
</script>
" c, x3 B8 E5 n6 }" x; ~
6 I$ Q. _% P, k7 H' m; m; c! E r+ r+ Q4 H8 e
改成
7 A7 c0 @8 ~- l+ F6 n! T, p3 v+ D3 @" p8 [9 h
<div class="module cl slidebox">
" R- e2 ?$ f; {- [) `0 I' {# w <ul class="slideshow">. R7 W* g( ?6 N
[loop]+ |' Q4 ?. b, J9 N
<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; x" m7 q! @5 A
[/loop]
, v3 F8 y2 Y; K- V0 { </ul>: w" V$ X/ R) S# g7 o
</div>
$ W* f) i, {6 }% U<script type="text/javascript">
2 d: a$ ]4 }( \$ S" }3 L9 d& s4 R. K, w runslideshow();9 X9 e; e# W$ B6 }( V9 ^& [
</script>
' ^ B" v' t0 U+ }& R
# ?! L3 `$ v6 y& h4 ?' R. y |