PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
?

Hulp bij PHP script photo gallery

Door Onbekende gebruiker op 09-01-2017 10:06 gewijzigd op 09-01-2017 17:00
2.842 views
Hallo,

Ik heb een PHP photo gallery op internet gezien die ik graag wil gebruiken.
http://nanogallery.brisbois.fr/#nanogallery/nanoGalleryHome/72157647571766555
De bestanden heb ik gedowload via https://github.com/Kris-B/nanoPhotosProvider
Ik heb de bestanden op mijn website geinstallerd zoals aangegeven.
In mijn index.html heb ik onderstaand geplaatst tussen <head> en </head>

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link href="css/nanogallery.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="jquery.nanogallery.min.js"></script>

<script>
jQuery(document).ready(function () {
      jQuery("#nanoGallery1").nanoGallery({
        thumbnailWidth: 150,
        thumbnailHeight: 150,
        kind: 'json',
        jsonProvider: 'http://www.mywebsite.nl/nanoPhotosProvider/nanoPhotosProvider.php',
        locationHash: false
      });
    });

</script>


Echter als ik de nanoPhotosProvider.php aanroep op mijn website krijg ik geen foto's te zien maar:
[{"src":"","srct":"%2FnanoPhotosContent%2FAuto%2F_thumbnails%2F06-Citroen_GSA_Special.jpg","title":"Auto","description":"","ID":"Auto","albumID":"0","kind":"album","imgtWidth":150,"imgtHeight":88}]

Wie kan mij helpen dit op te lossen.
- Ariën -
09-01-2017 10:19
Zet je code hier even tussen code-tags, zie: Veelgestelde vragen.

Over je probleem: Je moet dit in je body-sectie plaatsen:

<div id="nanoGallery1"></div>
?
Onbekende gebruiker
09-01-2017 14:00
Hallo Ariën,

Bedankt voor je snelle reactie en hulp.
Heh de code <div id="nanoGallery1"></div> in de body sectie geplaatst in de index.html file.
Echter probleem niet verholpen, heb de pagina een aantal malen opnieuw via F5 geladen.
Blijf de melding krijgen:

[{"src":"","srct":"%2FnanoPhotosContent%2FAuto%2F_thumbnails%2F06-Citroen_GSA_Special.jpg","title":"Auto","description":"","ID":"Auto","albumID":"0","kind":"album","imgtWidth":150,"imgtHeight":88}]

ipv de foto's die in die map staan.

Evert Mulder
- Ariën -
09-01-2017 14:17
Dat PHP-bestand is niet van belang voor jouw om zelf uit te voeren. Dat geeft de data in JSON-formaat weer, wat van belang is voor het JavaScriptje. Ik vermoed dat je dat PHP-bestand dus onnodig opvraagt.
?
Onbekende gebruiker
09-01-2017 14:23
Welk PHP bestand bedoel je wat niet van belang zou zijn?
Hoe kan ik het zo aanpassen dat de aanroep van nanoPhotosProvider.php wel de foto's laat zien.
Overigens voor je informatie, ik kan vrij goed met HTML overweg maar minder goed met PHP.
?
Onbekende gebruiker
09-01-2017 14:44
Okay duidelijk maar hoe kan ik dan (via welke aanroep) de foto's laten zien die in die map staan
- Ariën -
09-01-2017 14:46 gewijzigd op 09-01-2017 14:51
Gewoon in je index.html bestand, daar moet je dan de foto's zien.

Heb je anders een voorbeeld die je kan laten zien, als het niet werkt?
?
Onbekende gebruiker
09-01-2017 16:41 gewijzigd op 09-01-2017 17:01
Ik had de aanpassingen in mijn index.html op mijn startpagina gedaan.
Inmiddels een afzonderlijke index.html aangemaakt en in mijn http://www.defamiliemulder.nl/nanoPhotosProvider map geplaatst.
Als ik die index.html nu aanroep zie ik niet meer de tekens maar een lege pagina.
Onderstaand de inhoud van de index.html


<!DOCTYPE html><!-- HTML5 -->
<html lang="nl-NL" dir="ltr">
	<head>
	</script>
	<script type="text/javascript"
        src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		
	<link href="css/nanogallery.min.css" rel="stylesheet" type="text/css">
		
	<script type="text/javascript" src="jquery.nanogallery.min.js"></script>
		
	<script>
	jQuery(document).ready(function () {
	jQuery("#nanoGallery1").nanoGallery({
	thumbnailWidth: 150,
	thumbnailHeight: 150,
	kind: 'json',
	jsonProvider: 'http://www.defamiliemulder.nl/nanoPhotosProvider/nanoPhotosProvider.php',
	locationHash: false
		});
		});
		
	</script>
	</head>

	<body>
	<div id="nanoGallery1"></div>
	<noscript class="imNoScript"><div class="alert alert-red">Om deze website te gebruiken, moet u JavaScript inschakelen</div></noscript>
	</body>
</html>




- Ariën -
09-01-2017 17:06
Als ik kijk naar de JSON-string, dan zie ik dat 'src' leeg is.
Misschien dat hij struikelt over vreemde tekens in de bastandsnaam. Geef de foto's eens normale namen, misschien helpt dat.
- SanThe -
09-01-2017 17:21
Misschien hierdoor?
[{"src":"","srct":"%2FnanoPhotosContent%2FAuto%2F_thumbnails%2F06-

Reageren

Inloggen om te reageren