Does not create thumbnails

blubbsy commented 8 years ago

Hi,

i'm trying to get this gallery working, but i'm not able to get the thumbnails working. It creates the grid but everything stays black. Iam using the example photos and the example from nanoGALLERY and nanoPhotosProvider. I have no idea why it is not working :(

Here is my index.html, which you will notice is basically the example, except that i changed the jsonProvider and to the newest jquery version (with the older it also doesn't work). I don't think its a problem with the PhotosProvider as it shows the picture correctly if I click on the black spaces, its only that the thumbnails stay empty.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
  <title>nanoGALLERY</title>
        <style>
                * {font-family: sans-serif; color:#fff;}
                a, h1, h2, h3, h4, h5 {text-align:center; color:#eee;}
                body {background:#333;}
        </style>

  <!-- nanoPhotosProvider for nanoGALLERY                                                                                   -->
  <!-- by Christophe Brisbois                                                                                               -->
  <!-- Demo & doc: http://nanogallery.brisbois.fr                                                                           -->
  <!-- Sources: https://github.com/Kris-B/nanoPhotosProvider                                                                -->
  <!-- License: For personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoGALLERY for free.          -->
  <!-- -------- ALL OTHER USES REQUIRE THE PURCHASE OF A PROFESSIONAL LICENSE.                                              -->

  <!-- #################################################################################################################### -->
  <!-- jQuery                                                                                                               -->
  <!--                                                                                                                      -->
  <script type="text/javascript" src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
  <!-- #################################################################################################################### -->

  <!-- #################################################################################################################### -->
  <!-- nanoGALLERY CSS files                                                                                                -->
  <!--                                                                                                                      -->
        <!-- nanoGALLERY - default theme css file                                                                                 -->
        <link href="css/nanogallery.css" rel="stylesheet" type="text/css">
  <!-- #################################################################################################################### -->

  <!-- #################################################################################################################### -->
        <!-- nanoGALLERY javascript                                                                                               -->
  <!--                                                                                                                      -->
        <script type="text/javascript" src="jquery.nanogallery.js"></script>
  <!-- #################################################################################################################### -->

        <script>
                $(document).ready(function () {
                        jQuery("#nanoGallery1").nanoGallery({

        thumbnailWidth:150,
                thumbnailHeight:150,
                thumbnailHoverEffect: [{name: 'imageScaleIn80'}, {'name': 'borderLighter'}],
                thumbnailLabel: {display:true,position:'overImageOnBottom'},
                thumbnailGutterWidth : 0,
                thumbnailGutterHeight : 0,

                colorScheme: 'none',
        viewerDisplayLogo: false,
        kind: 'json',
        locationHash: false,
        galleryToolbarWidthAligned: true,
        //jsonCharset: 'UTF-8'
        jsonProvider: 'http://localhost/gallery/nanoPhotosProvider/nanoPhotosProvider.php'
                        });

                });
        </script>

</head>

<body>
        <div id="nanoGallery1"></div>
</body>
</html>

Kris-B commented 8 years ago

Hi, On your server: can you please check that you have PHP version >= v5.2 and that GD-Library is enabled? Thanks.

blubbsy commented 8 years ago

As far as I see GD is enabled and working. Maybe (probable) its a problem in combination of php 7.0.2 iam using at the moment. I will see if i find somehow the reason why its failing, because it is not throwing out any warnings or errors.

unbenannt

Kris-B commented 8 years ago

Are some _thumbnails folders created on the server in the nanoPhotosProvider folder? Are they empty?

blubbsy commented 8 years ago

Okay, was a problem with the access. Somehow chgrp -R www-data & chmod -R g+rw was not enough. I just did chmod a+rw and it works.

Thanks for this blazing fast help ;) I will check what the problem with chgrp is (which i normally use for the webserver).

Kris-B commented 8 years ago

;-) Thanks for your feedback!

Kris-B / nanoGALLERY

Does not create thumbnails #106