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

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

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

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

• HTML代码：

  
  
    
  
      
  
    
  
      
  GeeksforGeeks
      A Computer Science Portal for Geeks
      
  
          
              
          
          
              
          
          
              
          
          
              
          
          
              
          
          
              
          
      
  
    
  
  

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

• CSS 代码：

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

GeeksforGeeks

    A Computer Science Portal for Geeks