detall post - nanogallery

Creado en: 2024-04-25 14:34:55

Actualizado en: 2024-08-16 16:13:23

llibreries

gallery

nanogallery2 és l'eina preferida per a belles galeries amb efectes atractius i una caixa de llum fàcil d'utilitzar per a imatges i vídeos.

joanpuig/
├── nano_photos_provider2/
│   ├── nano_photos_content/
│   │   ├── _thumbnails/
│   │   ├── 1977/
│   │   ├── 1980/
│   │   ├── 1982/
│   │   ├── 1984/
│   │   ├── 1986/
│   │   ├── 1988/
│   │   ├── 1990/
│   │   ├── 1992/
│   │   ├── 1993/
│   │   ├── 1994/
│   │   ├── 1995/
│   │   ├── 2009/
│   │   ├── 2010/
│   │   ├── 2012/
│   │   ├── 2013/
│   │   ├── 2017/
│   │   ├── 1.jpg
│   │   ├── 10.jpg
│   │   ├── 11.jpg
│   │   ├── 12.jpg
│   │   ├── 2.jpg
│   │   ├── 3.jpg
│   │   ├── 4.jpg
│   │   ├── 6.jpg
│   │   ├── 7.jpg
│   │   ├── 8.jpg
│   │   ├── 9.jpg
│   ├── nano_photos_provider2.cfg
│   ├── nano_photos_provider2.encoding.php
│   ├── nano_photos_provider2.json.class.php
│   ├── nano_photos_provider2.php
│   ├── nano_photos_provider2_check.php
└── index.php



//index.php
<html>
        <head>
            <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">          
            <!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.21.9/dist/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.21.9/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.21.9/dist/js/uikit-icons.min.js"></script>
            
        </head>
        <body>
        <div class="uk-container uk-container-expand">
              <!-- NANOGALLERY-->
      <link href="https://unpkg.com/nanogallery2/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
      <div id="nanogallery2" data-nanogallery2='{
      "kind": "nano_photos_provider2",
      "dataProvider": "http://localhost/people/nano_photos_provider2/nano_photos_provider2.php",
      "ThumbnailHeight": 350,
      "ThumbnailWidth": 350
      }'>
      </div>
	  
	  </div>
      <!-- jQuery -->
      <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
      <script type="text/javascript" src="https://unpkg.com/nanogallery2/dist/jquery.nanogallery2.min.js"></script>
      <!-- NANOGALLERY-->
             
          </body>
      </html>


nanogallery