图片组展示 放大后可以翻页 点击图片放大展示

图片组展示 放大后可以翻页 点击图片放大展示

 

演示

• 积木盒子首次投资至少送30元
• ppmoney注册并实名认证送10元话费，投资再送20元现金
• 铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元

 

 

XML/HTML Code

<table style="width: 100%; margin: 0 auto;" cellpadding="0px" cellspacing="0px">
    <tr>
        <td>
            <!-- Start VisualLightBox.com BODY section id=1 -->
            <div id="vlightbox1">
            <a class="vlightbox1" href="images/demo/main_demo/part1/data/images1/image_lightbox.jpg" title="Image Lightbox"><img src="images/demo/main_demo/part1/data/thumbnails1/image_lightbox.jpg" alt="Image Lightbox"/>Image Lightbox</a>
            <a class="vlightbox1" href="images/demo/main_demo/part1/data/images1/jquery_lightbox.jpg" title="Lightbox features"><img src="images/demo/main_demo/part1/data/thumbnails1/jquery_lightbox.jpg" alt="Lightbox features"/>Lightbox features</a>
            <a class="vlb" href="http://visuallightbox.com">Lightbox Images by VisualLightBox.com v5.3</a>
            </div>
            <script src="images/demo/main_demo/part1/engine/js/thumbscript1.js" type="text/javascript"></script>
            <script src="images/demo/main_demo/part1/engine/js/vlbdata1.js" type="text/javascript"></script>
            <!-- End VisualLightBox.com BODY section -->
        </td>
        <td>
            <!-- Start VisualLightBox.com BODY section id=2 -->
            <div id="vlightbox2">
            <a class="vlightbox2" href="images/demo/main_demo/part2/data/images2/lightbox_zoom.jpg" title="Lightbox themes"><img src="images/demo/main_demo/part2/data/thumbnails2/lightbox_zoom.png" alt="Lightbox themes"/>Lightbox themes</a>
            <a class="vlightbox2" href="images/demo/main_demo/part2/data/images2/lightbox_slideshow.jpg" title="Lightbox wizard"><img src="images/demo/main_demo/part2/data/thumbnails2/lightbox_slideshow.png" alt="Lightbox wizard"/>Lightbox wizard</a>
            <a class="vlb" href="http://visuallightbox.com">Lightbox Images by VisualLightBox.com v5.3</a>
            </div>
            <script src="images/demo/main_demo/part2/engine/js/vlbdata2.js" type="text/javascript"></script>
            <!-- End VisualLightBox.com BODY section -->
        </td>
        <td>
            <!-- Start VisualLightBox.com BODY section id=3 -->
            <div id="vlightbox3">
            <a class="vlightbox3" href="images/demo/main_demo/part3/data/images3/lightbox_effect.jpg" title="Lightbox effect"><img src="images/demo/main_demo/part3/data/thumbnails3/lightbox_effect.jpg" alt="Lightbox effect"/></a>
            <a class="vlightbox3" href="images/demo/main_demo/part3/data/images3/lightbox_window.jpg" title="Lightbox zoom"><img src="images/demo/main_demo/part3/data/thumbnails3/lightbox_window.jpg" alt="Lightbox zoom"/></a>
            <a class="vlb" href="http://visuallightbox.com">Lightbox Images by VisualLightBox.com v5.3</a>
            </div>
            <script src="images/demo/main_demo/part3/engine/js/thumbscript3.js" type="text/javascript"></script>
            <script src="images/demo/main_demo/part3/engine/js/vlbdata3.js" type="text/javascript"></script>
            <!-- End VisualLightBox.com BODY section -->
        </td>
    </tr>
</table>

 

原文地址:http://www.freejs.net/article_jquerytupiantexiao_315.html