Question

是否无法在轨道滑块和清除灯箱内使用？这样我就可以滑动图像轮播，当我点击或标记图像时，灯箱会打开？那么我该怎么办呢？

<!doctype html>
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
    <script src="js/modernizr.js"></script>
    <script src="js/jquery.js"></script>
    </head>

    <body>
        <div class="row">
            <div class="small-12 columns">
                <div class="orbit-container">
                    <ul class="example-orbit clearing-thumbs" data-orbit data-clearing>
                        <li>
                            <a href="img/galerie/tattoo/colored/col.jpg">
                                <img src="img/galerie/tattoo/colored/col.jpg" alt="slide 1" />
                                <div class="orbit-caption">
                                    Caption One.
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="img/galerie/tattoo/colored/col2.jpg">
                                <img src="img/galerie/tattoo/colored/col2.jpg" alt="slide 2" />
                                <div class="orbit-caption">
                                    Caption Two.
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="img/galerie/tattoo/colored/col3.jpg">
                                <img src="img/galerie/tattoo/colored/col3.jpg" alt="slide 3" />
                                <div class="orbit-caption">
                                    Caption Three.
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <script src="js/jquery.js"></script>
        <script src="js/function.js"></script>
        <script src="js/foundation.min.js"></script>
        <script src="js/foundation/foundation.orbit.js"></script>    
        <script>
            $(document).foundation();
        </script>
    </body>
</html>

我的js文件处理滑块崩溃滑块。语法失败？

$(document).foundation({
    orbit: {
        animation: 'slide',
        navigation_arrows: true,
        slide_number: false,
        bullets: false, 
        timer: false, 
        variable_height: false,
        swipe: true
    }
});

Orbit + Clearing Lightbox

0 个答案: