Question

我正在为我的一个客户做一个项目。我正在使用框滑块作为横幅，它工作正常。对于网站上的特定页面，我也尝试使用花哨的盒子来制作图像灯箱。但它不起作用，但是盒子滑块仍在工作。这是头标记。

<!-- Add jQuery library -->
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.fancybox.css?v=2.1.5" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
        $("#single_2").fancybox({
            openEffect  : 'elastic',
            closeEffect : 'elastic',
            helpers : {
                title : {
                    type : 'float'
                },
                overlay : {
                    css : {
                        'background' : 'rgba(238,238,238,0.85)'
                    }
                }
            }
        });
    });
</script>
<style type="text/css">
    .fancybox-custom .fancybox-skin {
        box-shadow: 0 0 50px #222;
    }
</style>
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>

这是我尝试使用花式框

的元素

<a href="images/lightbox/groups-size-option.jpg" target="_blank" id="single_2" title="Work Shops Chart">
    <img src="images/group-size.jpg" alt="" border="0" />
</a>

当我禁用框滑块花式框工作时。但是当它活跃时，花式盒子不起作用。请尽快帮助。谢谢

Fancy Box无法使用Box滑块

0 个答案: