Question

我正在尝试在我的网页中实施galleria.js。我已经按照文档进行了相应的创建index.html。我得到的只是一个接一个地编辑图像，而不是广场视图。

<!doctype html>
<html>

    <head>
        <meta  charset="utf-8"/>
        <title>my photo</title>
    </head>

    <body>
        <div class="gallery">
            <img src="galleria/im/out1.jpg">
            <img src="galleria/im/out2.jpg">
            <img src="galleria/im/out3.jpg">
        </div>

        <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="galleria/galleria-1.4.2.min.js"></script>

        <script src="galleria/themes/classic/galleria.classic.min.js"></script>
        <script>
         $(document).ready(function() {
            $('#gallery').galleria({
                transition: 'fadeslide',
                width:800,
                height:600
            });
         });
        </script>

    </body>
</html>

Answer 1

我检查了galleria.js的文档，但我认为问题基本上是代码中的选择器。你得到一个id为“gallery”的元素，你没有任何带有该id的元素，只是该类的元素：）

$('#gallery').galleria({

我觉得应该是

$('.gallery').galleria({

Answer 2

经过多次尝试后，以下工作正常。我错过了将https://放在jquery地址之前。

<!doctype html>
<html>
    <head>
    <meta  charset="utf-8"/>
        <title>my photo</title>
    </head>
    <body>
        <div id="gallery">
            <img src="galleria/im/out.jpg">
            <img src="galleria/im/out1.jpg">
            <img src="galleria/im/out3.jpg">
        </div>


        <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="galleria/galleria-1.4.2.min.js"></script>

        <script src="galleria/themes/classic/galleria.classic.min.js"></script>
        <script>
         $(document).ready(function() {
            $('#gallery').galleria({
                transition: 'fadeslide',
                width:1450,
                height:740
            });
         });

        </script>
    </body>
</html>

galleria.js使用中的问题

2 个答案: