最健全的Magento改动模版

2021-04-08 02:02 jianzhan
如何运用Magento内置的javascript作出slideshow实际效果

 创作者: Magento  |  2010-10-16 阅读文章频次:773  重要字:最健全的Magento改动模版


Zen Cart 二次开发设计 ************ ************ .ShoppingMars.ComZen Cart 二次开发设计

下边是js编码:

script type= text/javascript
start_slideshow(1, 3, 2000);
function start_slideshow(start_frame, end_frame, delay) {
setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
}
function switch_slides(frame, start_frame, end_frame, delay) {
return (function() {
Effect.Fade('slide' + frame);
if (frame == end_frame) { frame = start_frame; } else { frame = frame + 1; }
setTimeout( Effect.Appear('slide + frame + '); , 850);
setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850);
})
}
/script
div id= introhomepage height: 300px;
div id= slide1 div a href= img src='skin/frontend/default/default/images/slide1.jpg' / /a /div /div
div id= slide2 div a href= img src='skin/frontend/default/default/images/slide2.jpg' / /a /div /div
div id= slide3 div a href= img src='skin/frontend/default/default/images/slide3.jpg' / /a /div /div
/div

 

把所述编码拷贝到你需要展现slideshow照片循环实际效果的文档部位中,还可以放到后台管理CMS 页中。

 

幻灯片图片照片相匹配放到/skin/frontend/default/default/images/ 这一文件目录下,你还可以改动编码中照片相对路径给你的相对路径。