jQuery Lightbox(VenoBox)无效

时间:2014-03-12 17:32:52

标签: jquery html lightbox

我一直在努力解决这个问题。我遵循了venobox上的简单代码,但我无法使其工作。

脚本中的

脚本引用:

<link href="css/venobox.css" type="text/css" media="screen">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
            <script src="js/venobox.min.js"></script>
        <script type="text/javascript">
             $(document).ready(function(){
                $('.venobox').venobox({
                    numeratio: true,
                    border: '20px'
                });
                $('.venoboxvid').venobox({
                    bgcolor: '#000'
                });
                $('.venoboxframe').venobox({
                    border: '6px'
                });
                $('.venoboxinline').venobox({
                    framewidth: '300px',
                    frameheight: '250px',
                    border: '6px',
                    bgcolor: '#f46f00'
                });
                $('.venoboxajax').venobox({
                    border: '30px;',
                    frameheight: '220px'
                });
            })
        </script>

这是我尝试的代码:

<div class="col-md-5">  
    <!--Lightbox Code-->
    <a id="firstlink" class="venobox" data-gall="softwareGall" href="img/work00.jpg">
        <img src="img/work00.jpg" />
    </a>
    <a class="venobox" data-gall="softwareGall" href="img/work1.jpg" style="display:none;">
        <img src="img/work1.jpg" />
    </a>
    <a class="venobox" data-gall="softwareGall" style="display:none;" href="img/work8.jpg">
        <img src="img/work8.jpg" />
    </a>
<!-- End-->
</div>

请帮帮我。

由于

0 个答案:

没有答案