mootools 图片渐变切换

-->

        <script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js">
        </script>
        -->
        <IMG id=prevImg3 class=icon alt=Previous src="http://www.cnet.com/i/dl/products/review_showing_previous.gif">
        <IMG id=nextImg3 class=icon alt=Next src="http://www.cnet.com/i/dl/products/review_showing_next.gif">
        <DIV id=screenShotImgs3>
            <IMG style="FILTER: ; DISPLAY: block; VISIBILITY: visible; opacity: 1" class=currentSlide src="http://www.clientcide.com/wiki/art/1.jpg">
            <IMG style="FILTER: alpha(opacity=0); DISPLAY: none; VISIBILITY: hidden; opacity: 0" class=currentSlide src="http://www.clientcide.com/wiki/art/2.jpg">
            <IMG style="FILTER: alpha(opacity=0); DISPLAY: none; VISIBILITY: hidden; opacity: 0" class=currentSlide src="http://www.clientcide.com/wiki/art/3.jpg">
            <IMG style="DISPLAY: none" id=screenshot3 class=screenshot src="http://www.clientcide.com/wiki/art/4.jpg">
            <IMG style="DISPLAY: none" id=screenshot4 class=screenshot src="http://www.clientcide.com/wiki/art/5.jpg" width=342 height=336>
            <IMG style="DISPLAY: none" id=screenshot5 class=screenshot src="http://www.clientcide.com/wiki/art/6.jpg" width=342 height=336>
        </DIV>
        <script defer=defer>
            var myGallery = new SimpleImageSlideShow($('screenShotImgs3'), {
                startIndex: 0,
                slides: $$('div#screenShotImgs3 img'),
                currentIndexContainer: 'imgNow3',
                maxContainer: 'imgMax3',
                nextLink: 'nextImg3',
                prevLink: 'prevImg3'
            });
            /*add some more images later*/
            myGallery.addImg('http://dict.cn/imgs/logo.gif');
            myGallery.addImg('http://ak.englishtown.com/_imgs/sales/dailylesson/EOM51-72x72.jpg');
            myGallery.addImg('http://img.alimama.cn/cms/images/1239864523737.gif');
        </script>