作者 主題: 11、RWD響應式網頁設計-首頁調用主廣告圖片輪播  (閱讀 535 次)

0 會員 與 1 訪客 正在閱讀本文。

離線 andy

  • 管理員
  • 正式會員
  • *****
  • 積分 +1/-0
  • 性別: 男
    • 原來如此
11、RWD響應式網頁設計-首頁調用主廣告圖片輪播
« 於: 七月 22, 2019, 02:24:32 下午 »
ECSHOP的首頁主廣告圖片輪播(index_ad.lbi)自帶的是使用FLASH播放器,但是FLASH播放器在手機上是無法播放的,所以必須使用純  javascript 來控制,如果你使用了 jquery 插件,請留意 jquery 版本和插件載入位置,要在首頁調用主廣告圖片輪播請使用如下語法:
代碼: [選擇]
<!-- #BeginLibraryItem "/library/index_ad.lbi" --><!-- #EndLibraryItem -->

以本例子來說圖片寬都約550px即可,高度則沒有限制,但是每張輪播圖的尺寸應該都一樣:


要調用輪播圖之前你必須先在 index.php 的最後加入:
代碼: [選擇]
function get_flash_xml()
{
    $flashdb = array();
    if (file_exists(ROOT_PATH . DATA_DIR . '/flash_data.xml'))
    {
        // 兼容v2.7.0及以前版本
        if (!preg_match_all('/item_url="([^"]+)"\slink="([^"]+)"\stext="([^"]*)"\ssort="([^"]*)"/', file_get_contents(ROOT_PATH . DATA_DIR . '/flash_data.xml'), $t, PREG_SET_ORDER))
        {
            preg_match_all('/item_url="([^"]+)"\slink="([^"]+)"\stext="([^"]*)"/', file_get_contents(ROOT_PATH . DATA_DIR . '/flash_data.xml'), $t, PREG_SET_ORDER);
        }
        if (!empty($t))
        {
            foreach ($t as $key => $val)
            {
                $val[4] = isset($val[4]) ? $val[4] : 0;
                $flashdb[] = array('src'=>$val[1],'url'=>$val[2],'text'=>$val[3],'sort'=>$val[4]);
            }
        }
    }
    return $flashdb;
}

然後在 index_ad.lbi 裡用SMARTY的 foreach 標籤來循環獲取圖片資訊,例如:
代碼: [選擇]
<!--{foreach from=get_flash_xml() item=playerdb name=get_flash_xml}-->
    <a href="{$playerdb.url}" title="{$playerdb.text}"><img src="{$playerdb.src}" /></a>
<!--{/foreach}-->



多圖顯示的首頁廣告圖片輪播 VIP下載 DEMO
LINE ID:ecshop_weshop
Email:andy@we-shop.net
聯絡我:https://we-shop.net/contactus.php