jQuery外掛－酷炫ContentFlow相片特效直接套用

<link rel=“stylesheet” title=“Standard” href=“css/styles.css” type=“text/css” media=“screen” />
<script language=“JavaScript” type=“text/javascript” src=“contentflow.js”></script>
<script tyle=“text/javascript”>
    var cf = new ContentFlow(‘contentFlow’, {
    reflectionColor: “#000000”
    ,startItem:3 //起始item，預設是中間
    ,endOpacity:0.1 //後面item透明度
    ,visibleItems:3 //後面顯示item數量
    ,maxItemHeight:0 //最大高度
    ,relativeItemPosition:“center”
    });
</script>

<div id=“contentFlow” class=“ContentFlow”>
        <!– should be place before flow so that contained images will be loaded first –>
        <div class=“loadIndicator”><div class=“indicator”></div></div>


    &lt;div class="flow"&gt;
        &lt;!-- 圖片縮圖區塊　開始 --&gt;
        &lt;div class="item"&gt;
            &lt;img class="content" src="pics/01.jpg" /&gt;
            &lt;div class="caption"&gt;imgDemo01&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 圖片縮圖區塊　結束 --&gt;
        &lt;!-- 圖片縮圖區塊　開始 --&gt;
        &lt;div class="item"&gt;
            &lt;img class="content" src="pics/02.jpg"/&gt;
            &lt;div class="caption"&gt;imgDemo02&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 圖片縮圖區塊　結束 --&gt;

        &lt;!-- 依續向下增加 --&gt;
        &lt;!--  ........ --&gt;
    &lt;/div&gt;

    &lt;div class="globalCaption"&gt;&lt;/div&gt;
    &lt;div class="scrollbar"&gt;
        &lt;div class="slider"&gt;&lt;div class="position"&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;/div&gt;


</div>