→ 西部數碼官網正品獨享云虛擬主機火熱促銷中!買2年送一年,買3年送2年,買5年送5年! ←
→ 如有資源無法下載,請第一時間聯系站長QQ:23467321處理!誠信讓我們共贏!
→ 為更好的溝通和解決用戶需求,建議新老用戶都采用QQ郵箱來注冊賬號!
→ 如有資源無法下載,請第一時間聯系站長QQ:23467321處理!誠信讓我們共贏!
→ 為更好的溝通和解決用戶需求,建議新老用戶都采用QQ郵箱來注冊賬號!
在幫助客戶網站制作的時候關于產品縮略圖的調用會使用ZblogPHP平臺中"自定義字段插件"直接人工選擇一個產品的圖片作為展示前臺的產品縮略圖,這樣的好處就是可以選擇自己需要的或者自定義的產品、文章圖片展示,唯一比較麻煩的是編輯和更新文章的時候都要手工輸入圖片的URL才可以。
我們其實也可以采用自動縮略圖的方法,比如在內容中有圖片的時候自動選擇第一張圖作為縮略圖,我們可以在發布產品、文章的時候有意的把需要作為縮略圖的圖片放到第一張。且在沒有圖片的內容時候,我們可以隨機調用準備好的幾個圖片作為隨機展示,這樣的案例在很多博客模板中都有見到。這里把這個常用的代碼記錄下來,以后在制作主題模板時候可能會經常用到。
第一、可能需要用到的效果
這個演示在制作一個博客主題時候側欄以及內容列表時候用到的縮略圖效果,我們應該很常見的。
第二、自動縮略圖效果實現步驟
1、通用代碼
{php} $temp=mt_rand(1,5); $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/"; $content = $article->Content; preg_match_all($pattern,$content,$matchContent); if(isset($matchContent[1][0])) $temp=$matchContent[1][0]; else $temp=$zbp->host."zb_users/theme/$theme/style/images/random/$temp.png"; {/php}
如果沒有圖片,我們就從在當前主題的/style/images/random/文件夾中調用5個準備好的png圖片,名稱分別是1.png,2.png,3.png,4.png,5.png。且如果需要多個我們可以修改上面的參數。
PS:以上代碼放到調用文章列表循環內。
2、調用位置
<img src="{$temp}" />
在調用圖片的位置放上上面的調用,我們也可以給上面圖片加上樣式,比如設定固定的寬度和高度,以及用border-radius加上圓角,以及邊框等效果。
總結,有這樣的代碼我們并不需要用到插件,就可以制作出豐富的圖文ZblogPHP主題。