IT_man 發表於 2017-8-19 21:21:30

DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)

本帖最後由 IT_man 於 2017-8-19 21:30 編輯

DIY調用圖片、幻燈片縮放比例圖片變形修正

打開調用模版,原本我的調用模版是:

<div class="module cl slidebox">
<ul class="slideshow">

   <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>
   
</ul>
</div>
<script type="text/javascript">
runslideshow();
</script>


改成

<div class="module cl slidebox">
<ul class="slideshow">

   <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>
   
</ul>
</div>
<script type="text/javascript">
runslideshow();
</script>

頁: [1]
查看完整版本: DIY調用圖片、幻燈片縮放比例修正(避免圖片變形)