監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價咨詢管理系統(tǒng) | 工程設計管理系統(tǒng) | 甲方項目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關閉

ecshop的數(shù)據字典

申請免費試用、咨詢電話：400-8352-114

合用一切ecshop版本模板的擴大鏡（含小圖切換大圖結果）

 

前段工夫分享了一個合用于一切ecshop版本的商品擴大鏡結果

見帖子 ：http://bbs.ecshop.com/thread-93763-1-1.html

里面的結果完成了 ：鼠標 放上去 右側完成擴大鏡結果 +鼠標點擊完成彈出擴大圖片結果

今日要分享的照樣這個擴大鏡結果 只是添加了 小圖切換顯示大圖結果


詳細結果看 我的演示站：http://ecshop.xwmoban.com/default/goods.php?id=34
   （官方ecshop2.70 默許模板）

兼容 ie6+ie7+ie8+ff

我來說下 詳細的操作步調 技能支撐 北京模板部落  www.xwmoban.com   （ecshop模板任務室）

【1】.先下載 mzp.packed.js

下載地址：http://www.magictoolbox.com/static/magiczoomplus-demo.zip

【2】.在模板中引入 mzp.packed.js 文件

有2種方法來引入

第一種方法：把mzp.packed.js   放到 ec根目次 js目次下面

如許 在goods.dwt文件里面 添加一行：

  1. {insert_scripts files='common.js,mzp-packed.js'}
復制代碼

第二種方法：把mzp.packed.js放到 模板文件夾里面的js目次下

如許 在goods.dwt里面 添加一行：

  1.  
復制代碼

假如良多伴侶發(fā)現(xiàn)沒有用果 那反省下 能否成功的加載了js代碼

【3】在goods.dwt里面 添加如下代碼： 我們以ecshop2.70 default模板為準 其他模板依此類推

  2. <a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">
  3.   
  4.    
  5.      
  6.       <a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">
  7.   
  8.    
  9.      
復制代碼

【4】找到 庫文件 goods_gallery.lbi
改為如下

  1.  
  3.  
  4.    <span onmou搜索引擎優(yōu)化ver="moveLeft()" onmousedown="clickLeft()" onmouseup="moveLeft()" onmou搜索引擎優(yōu)化ut="scrollStop()">
  5.   
     
  6.       
     
  7.      
     
  8.         

  9.         
  10.         
  11.  
  12.           <a   href="{$picture.img_url}"
  13.     rel="zoom1"
  14.        rev="{$picture.img_url}"
  15.        title="{$picture.img_desc|escape:html}">
  16.        <img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" />
  17.          
  18.         

  19.         
  20.         
  21.      

  •       <div id="demo2" style="display:inline; overflow:visible;">


 

  •       
  •   
  •    <span onmou搜索引擎優(yōu)化ver="moveRight()" onmousedown="clickRight()" onmouseup="moveRight()" onmou搜索引擎優(yōu)化ut="scrollStop()" class="spanR">
  •   
  •    

    • 復制代碼【5】把方才下載的包里面的magiczoomplus.css   內容添加到 style.css里面去 即可

     

    發(fā)布：2007-03-31 14:57    編輯：泛普軟件 · xiaona    [打印此頁]    [關閉]
    相關文章：
    鷹潭OA
    聯(lián)系方式

    成都公司：成都市成華區(qū)建設南路160號1層9號

    重慶公司：重慶市江北區(qū)紅旗河溝華創(chuàng)商務大廈18樓

    咨詢：400-8352-114

    加微信，免費獲取試用系統(tǒng)

    QQ在線咨詢

    泛普鷹潭網站建設公司其他應用

    鷹潭軟件開發(fā)公司 鷹潭門禁系統(tǒng) 鷹潭物業(yè)管理軟件 鷹潭倉庫管理軟件 鷹潭餐飲管理軟件 鷹潭網站建設公司