📜  如何使用 HTML CSS 和 JavaScript 创建图像灯箱画廊?

📅  最后修改于: 2021-10-29 04:32:25             🧑  作者: Mango

灯箱画廊基本上用于详细查看画廊图像。您可以编写 JavaScript 代码,但我们也可以使用一些下载的 JS 和 CSS。在本文中,我们将下载灯箱并将 JS 和 CSS 文件附加到我们的代码中。为了我们自己的设计满意,我们也可以随意使用 CSS 代码。我们将任务分为三个部分。在第一部分中,我们将在第二部分中创建结构,我们将出于自己的目的添加一些 CSS。在上一节中,我们将链接下载的 JS snd CSS 文件。

我们必须下载灯箱,我们可以从链接下载它:https://github.com/lokesh/lightbox2/releases

创建结构:在本节中,我们将仅使用 HTML 进行编码以创建一个普通的 HTML 库。

设计结构:在本节中,我们将添加一些 CSS 属性以使图库具有吸引力。

  • CSS 代码:
    
    

最终解决方案:在本节中,您必须将下载的 CSS 和 JS 文件链接到您的代码中。您可以通过解压缩文件来简单地链接下载的文件。对于 CSS 文件,使用带有href属性的 标签作为 CSS 的地址,对于 JS 文件,使用带有src属性的             

GeeksforGeeks

    A Computer Science Portal for Geeks        
  • 输出: