Ошибка масштабирования Galleria - PullRequest
0 голосов
/ 24 февраля 2012

Я использую galleria с плагином flickr, но он не отображает изображения правильно, странно, некоторые из них отображаются нормально, а другие масштабируются, а правый и левый или верхний и нижний обрезаются ... как это изменить1001 *

Вот 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>

1 Ответ

0 голосов
/ 01 марта 2012

Попробуйте параметр imageCrop :

{
    imageCrop: false
}
...