mootools LightBox

-->

先点击我 才会有效果

 

        <script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js">
        </script>
        -->
        
        <div id="marqueeTest6"><b>先点击我 才会有效果</b></div>
        <DIV id=slimboxHolder>
            <A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-1.jpg" rel=anotherLightBoxSet[set2]>
                <IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-1.jpg" width=100 height=40></A><A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-2.jpg" rel=anotherLightBoxSet[set2]>
                <IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-2.jpg" width=100 height=40></A><A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-3.jpg" rel=anotherLightBoxSet[set2]>
                <IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-3.jpg" width=100 height=40></A><A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-4.jpg" rel=anotherLightBoxSet[set2]>
                <IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-4.jpg" width=100 height=40></A>
        </DIV>
        <script defer=defer>
          
            $('marqueeTest6').addEvent('click',function(e){
                 new Event(e).stop();
                
            for (var i = 1; i < 5; i++) {
                $('slimboxHolder').adopt(new Element('a').setStyle('cursor', 'pointer').setProperties({
                    href: 'http://www.clientcide.com/wiki/slimbox/image-' + i + '.jpg',
                    rel: 'anotherLightBoxSet[set2]'
                }).adopt(new Element('img').setProperty('src', 'http://www.clientcide.com/wiki/slimbox/thumb-' + i + '.jpg').setStyles({'margin':2,display:'none'})));
            }
            //and add a lightbox
            new Lightbox({
                relString: 'anotherLightBoxSet'
            }, $('slimboxHolder').getElements('a'));
            
            });
        </script>