找达人帮修改代码

2016-07-07 15:06 来源:www.chinab4c.com 作者:ecshop专家

一,修改下 鼠标移动到 商品时 放大图片的代码,(我已经实现图片放大)



二,修改报价页面,



有意者联系qq:238411

速度哦~~~~~

象这样...
1,下载附件,放到EC程序的js目录中。 引用:
preview.js (4.12 KB) preview.js (4.12 KB)
下载次数: 226
2008-4-9 09:41


2,打开style.css 在最后面复制以下代码 复制内容到剪贴板 代码:/*===== Loader_previewStyle 图片载入 =====*/

.border_preview{
z-index:100;
position:absolute;
background: #fff;
border: 1px solid #FBE2E5;
}
#loader_container {
text-align:center;
position:absolute;
top:40%;
width:100%
}
#loader_preview {
font-family:Tahoma, Helvetica, sans;
font-size:12px;
color:#000000;
background-color:#FFFFFF;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:135px;
border:1px solid #09C;
text-align:left;
z-index:255;
filter: progidXImageTransform.Microsoft.BasicImage(opacity=.65);
opacity: 0.65;
}
.preview_temp_load {
vertical-align:middle;
text-align:center;
padding: 15px 0 0 0;
padding-bottom:15px;
}
.preview_temp_load img{
vertical-align:middle;
text-align:center;
border:1px solid #FC7AC4;
}
#preview_div {
display: none;
position: absolute;
z-index: 110;
left: -500px;
top: 48px;
}
3,打开模板目录中library文件夹下的page_header.lbi。在所有代码最后面回车,复制粘贴以下代码 复制内容到剪贴板 代码:{insert_scripts files="preview.js"}<div id="preview_div"></div>
4,打开模板目录中library文件夹下的recommend_best.lbi ,搜索 复制内容到剪贴板 代码:<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a>
就是显示图片的这句,不同的模板这里可能不一样,搜索不到就手工找到它。

替换为 复制内容到剪贴板 代码:<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}"onmouseover="showtrail('{$goods.goods_img}','{$goods.name|escape:html}',{$image_width},{$image_height})"onmouseout="hidetrail()" /></a>
这样首页的推荐商品就可以实现鼠标移上移出出现大缩略的效果了。

其他recommend_hot.lbi ,recommend_new.lbi ,recommend_promotion.lbi依次执行第四步。


回答:
没达人么?????