Insta.lacio i configuracio de NanoGallery PhotosProvider html Tailwind

Ajudat per a la IA DeepSeek.

Hero Image

nanoPhotosProvider2 usage

Step 1: installation


On your webserver:


  • create a folder named nano_photos_provider2
  • in this folder:
    • copy the files:
      • nano_photos_provider2.php
      • nano_photos_provider2.json.class.php
      • nano_photos_provider2.cfg
      • nano_photos_provider2.encoding.php
    • create a folder named nano_photos_content
      • copy your photos there
      • you can organize your photos in folders (= albums)

Step 2: configure your HTML page


  • The page can be located anywhere on your webserver.
  • Install and configure nanogallery2 (see http://nanogallery2.nanostudio.org)
  • Configure the call to the plugin:
    • Use the specific parameters: kind and dataProvider
    • kind: set value to 'nano_photos_provider2'
    • dataProvider: URL to the nano_photos_provider2.php file installed in step 1

Example:



jQuery(document).ready(function () {
    jQuery("#my_nanogallery").nanogallery2({
        thumbnailWidth:   'auto',
        thumbnailHeight:  150,
        kind:             'nano_photos_provider2',
        dataProvider:     'http://mywebsever.com/mypath/nano_photos_provider2/nano_photos_provider2.php',
        locationHash:     false
    });
});
                        

Step 3: test your page to see the result

nanogallery