产品详细页多图滚动控制效果的实现.docx

产品详细页多图滚动控制效果的实现.docx

ID:57666035

大小:19.05 KB

页数:5页

时间:2020-08-31

产品详细页多图滚动控制效果的实现.docx_第1页
产品详细页多图滚动控制效果的实现.docx_第2页
产品详细页多图滚动控制效果的实现.docx_第3页
产品详细页多图滚动控制效果的实现.docx_第4页
产品详细页多图滚动控制效果的实现.docx_第5页
资源描述:

《产品详细页多图滚动控制效果的实现.docx》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、一、相关文件列表1.includesmodulesadditional_images.php得到多图图片数据,并保存在数组中2.includestemplatesezpptcommontpl_columnar_display.php将多图图片数组格式化(HTML封装)3.includestemplatesezppttamplatestpl_modules_main_product_image.php输出多图和图片区域4.includestemplatesezppttamplatestpl_product_info_display.php在

2、指定产品详细页面位置调用显示多图以上文件被包含顺序(4-3-2-1)主要功能:产品详细页使用可以用鼠标点击控制的方式显示多图。代码:var$=function(id){returndocument.getElementById(id);}functionchangeImg(source){  varo=$("smallpic_show");  o.src=source.src;  o.parentNode.setAttribute("href",source.getAttribute("lowsrc"));  img

3、o=false;}

4、ge($products_image_medium,addslashes($products_name),'','','id="biglpic_hidden"','large');?>

5、w"class="smallpic"');?> 

 '.TEXT_CLICK_TO_ENLARGE.'';?>document.getElementById("get_pic_big")

6、.href=document.getElementById("biglpic_hidden").src;0){ ?>