Question

我正在使用带有flickr插件的galleria，但它没有正确显示图像，奇怪的是其中一些显示正常，其他的缩放，左右或顶部和底部被剪切..我怎么能改变这个< / p>

以下是页面上实际广场的HTML

    <!DOCTYPE html>

    <head>

      <style>

           /* Demo styles */
            html,body{background:#222;margin:0;}
            body{border-top:4px solid #000;}
            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:840px;margin:20px auto;}
            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
            p{margin:0 0 20px}
            a {color:#22BCB9;text-decoration:none;}
            .cred{margin-top:20px;font-size:11px;}

            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:620px;}
        </style>

        <!-- load jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

        <!-- load Galleria -->
        <script src="http://www.levencruisingclub.com/sites/all/libraries/galleria/galleria.js"></script>

        <!-- load flickr plugin -->
        <script src="http://www.levencruisingclub.com/sites/all/libraries/galleria/plugins/flickr/galleria.flickr.js"></script>

    </head>
<body>
    <div class="content">

        <!-- Adding gallery images. This is just a container for the dynamic flickr images -->

        <div id="galleria"></div>

        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
    </div>
    <script>

    // Load the classic theme
    Galleria.loadTheme('/sites/all/libraries/galleria/themes/twelve/galleria.twelve.min.js');

        // Initialize Galleria

   $('#galleria').galleria({
    flickr: 'group:87072910@N00',

});
flickrOptions:({
    max: 100,
    size: 'big',
    sort: 'date-posted-asc'
});
    </script>
    </body>
</html>

Answer 1

尝试imageCrop选项：

{
    imageCrop: false
}

Galleria缩放错误

1 个答案: