slider wrap 一般用来放图片幻灯:
1 放在首页的内容区块里
-------------------------------------------------------
<div id="slider-wrap" class="slider-wrap" style="overflow: hidden; height: 280px;">
<div id="slider-content" class="slider-wrap"><a href="#">
<img src="{{media url="bluescale/01.jpg"}}" alt="" width="741" height="280" /></a>
<a href="#"><img src="{{media url="bluescale/02.jpg"}}" alt="" width="741" height="280" /></a>
<a href="#"><img src="{{media url="bluescale/03.jpg"}}" alt="" width="741" height="280" /></a>
</div>
</div>
<div class="best_sellers_title"><span>Our Best Sellers</span></div>
<div>{{block type="catalog/product_list" template="catalog/product/home.phtml" category_id="30" column_count="5"}}</div>
=======================================================
2 作为静态区块加载在任意位置
加载在header区块
新建 home_page_header_block 区块
---------------------------------------------
<div class="slider-wrap" style="height: 280px; overflow: hidden;">
<div id="stripNavL0" class="stripNavL" id="stripNavLa" href="#">Left</a></div>
<div id="slider-content" class="slider-wrap"><img src="{{media url="home_banner.jpg"}}" alt="" width="741" height="280" /> <img src="{{media url="home_banner_2.jpg"}}" alt="" width="741" height="280" /> <img src="{{media url="home_banner_3.jpg"}}" alt="" width="741" height="280" /></div>
<div id="stripNavR0" class="stripNavR" id="stripNavRa" href="#">Right</a></div>
</div>
======================================================
在home page页 的design里加载
-------------------------------------------
<reference name="header">
<block type="cms/block" name="home_page_header_block">
<action method="setBlockId"><block_id>home_page_header_block</block_id></action>
</block>
</reference>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/slider.css</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/jquery-1.3.2.min.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/cycle-fade-effect.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/slider.js</name></action>
</reference>
===================================================
转载于:https://blog.51cto.com/phpmidding/635967