[CSS/JS]Justified Gallery响应式画廊相册展示jQuery插件-第1张

Justified Gallery 接受画廊的标准格式:一系列带有缩略图的链接,其中每个链接都指向原始图像。

<div id="mygallery" >
    <a href="path/to/myimage1_original.jpg">
        <img alt="Title 1" src="path/to/myimage1_thumbnail.jpg"/>
    </a>
    <a href="path/to/myimage2_original.jpg">
        <img alt="Title 2" src="path/to/myimage2_thumbnail.jpg"/>
    </a>
    <!-- other images... -->
</div>

Justified Gallery 还接受其他 输入格式,以更好地满足您的需求。

要包含的文件

这个库只需要 JQuery 就可以在(不是那么旧的)浏览器上工作。然后你只需要包含 Justified Gallery 的文件,如下所示:

<link rel="stylesheet" href="css/justifiedGallery.css" />
<script src="js/jquery.justifiedGallery.js"></script>

现在,您只需要调用将证明所有图像合理的插件。在这种情况下,我们使用默认选项。

$("#mygallery").justifiedGallery();

 

声明:本站文章原创有部分资源来源于网络,如无特殊说明或标注。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系 admin@liitk.com 进行删除处理!。