nanoGallery显示错误

Question

我正在为一个组织建立一个简单的静态网站。我有一个画廊页面，使用JQuery库'nanoGallery‘从Flickr中提取专辑。

我用的是靴带4.3，

JQuery 3.3.1

nanoGallery 5.10.3 (否则为nanoGallery的第1版)

我遇到的问题是，当您选择一个相册时，图像位于图片库名称的顶部(用于导航的图片库名称)。这张图片几乎显示了这个问题：

​

下面是我的jquery代码：

$(document).ready(function () {
        $("#nanoGallery1").nanoGallery({
            userID:'182126395@N08',kind:'flickr',thumbnailWidth:'auto',thumbnailHeight:180,  //110,
            thumbnailGutterWidth: 10,
            thumbnailGutterHeight: 20,
            maxItemsPerLine: 4,
            theme: 'light',
            viewerDisplayLogo:true,
            locationHash:false,
            thumbnailLabel:{ display:false}, 
            thumbnailLazyLoad:true,
            colorScheme:'light',
            level1: { thumbnailWidth: 200, thumbnailHeight: 120 }
            });
      });

对如何修复布局有什么建议吗？

Answer 1

因此，实际的问题是，我的站点主CSS有一个名为"Separator“的类，而JQuery nanoGallery库也有一个同名的类-- nanoGallery是从我的主CSS加载类，而不是从它自己的CSS加载该类。

因此，在对类进行遍历和重命名并更改其所有引用之后，它可以正常工作。

这是一张照片，当它正常工作时，它应该是怎样的样子。实际上，我在调试这个问题时产生了这个映像--通过不为主站点加载CSS。

​

​