2012-02-24 9 views
0

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

Вот 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:[email protected]', 

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

ответ

Смежные вопросы