castlecode

castlecode supports this item

Supported

This author's response time can be up to 1 business day.

184 comments found.

Anyway to add GPS map functionality to this app?

Hello,
Unfortunately this feature is not part of the plugin :)

Hello,

can I convert the standalone version to the wordpress version? I accidentely bought the wrong one..

Hi there,
hmm, the only way I know is the relative path, it works until the WP installation? but no further?

Hello :) ,

found another solution. So would you refund the standalone Version? I bought the WordPress Version… 47359891-e706-4cd8-b8e0-83a2d66cf26c

contact me privately via email through here: https://codecanyon.net/user/castlecode#contact

puccilla

puccilla Purchased

Hi there, I am using autoGrid in my personal photo website and I am very happy with it. Two days ago I’ve bought autoAlbums and just replaced autoGrid.min.js with autoAlbums.min.js and obviously the file reader.php. With autoAlbums.min.js the page is blank!! I tried with the old reader.php but id doesn’t work either. It seems there is osmething wrong either with autoAlbums.min.js/autoAlbums.js or the new reader.php. Can you please help me?

Many thanks Aster

Hi Aster,
if you are moving from the auto grid to the auto albums then you’ll need to replace the JS folder, the CSS folder and the reader.php

if still doesn’t work, any chance you could show me a living example online so I can take a look and see exactly what may be missing?

Best, David

puccilla

puccilla Purchased

Hi David

here is the code I am using in the two almost identical pages. If I upload the first one (AutoGrid) with the reader.php included everything works fine.

If I upload the second one (AutoAlbums) with the new reader.php, all the .js files included in the js.folder and the new gridGallery.css the script doesn’t work and the page is blank.

My website is password protected having photos of my little daughters. Where can I send you the psw privately?

Many thanks

Aster

<!DOCTYPE html>

<head> <meta name=”viewport” content=”width=device-width, initial-scale=1.0”> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” /> <title>TWO SAM family website Livegals</title>

<!- CSS -> <link rel=”stylesheet” href=”css/normalize.css” type=”text/css” media=”screen” /> <link rel=”stylesheet” href=”css/reset.css” type=”text/css” media=”screen” />

<!- BOOTSTRAP -> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” integrity=”sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u” crossorigin=”anonymous”> <!- Optional theme -> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css” integrity=”sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp” crossorigin=”anonymous”> <!- END BOOTSTRAP -> <link rel=”stylesheet” href=”css/button.css”> <link rel=”stylesheet” href=”css/twosam.css” type=”text/css” media=”screen” />

<!- Scripts -> <script src=”https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js”></script> <script src=”js/respond.js”></script> <script src=”js/prefixfree.min.js”></script> <!- Plugins -> <script src=”https://code.jquery.com/jquery-1.12.4.js” integrity=”sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=” crossorigin=”anonymous”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js” integrity=”sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa” crossorigin=”anonymous”></script>

<!- AUTOGRID GALLERY-> <link rel=”stylesheet” href=”css/gridGallery.css” /> <script src=”js/rotate-patch.js”></script> <script src=”js/waypoints.min.js”></script> <!- if you wont use the Lazy Load feature erase this line -> <script src=”js/autoGrid.min.js”></script>

<!- Header and Nav BAr -> <!—[if lt IE 9]> <script src=”http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js”></script> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script> <![endif]—>

</head>

<nav class=”navbar navbar-default”> <!- Brand and toggle get grouped for better mobile display -> <button type=”button” class=”navbar-toggle collapsed” data-toggle=”collapse” data-target=”#bs-example-navbar-collapse-1” aria-expanded=”false”> Toggle navigation </button> TwoSam.co.uk </nav> <script> $(function(){ //INITIALIZE THE PLUGIN $(’#grid’).grid({ categoriesOrder: ‘byName’, //byDate, byDateReverse, byName, byNameReverse, random imagesOrder: ‘byNameReverse’, //byDate, byDateReverse, byName, byNameReverse, random isFitWidth: true, //Nedded to be true if you wish to center the gallery to its container lazyLoad: true, //If you wish to load more images when it reach the bottom of the page showNavBar: true, //Show the navigation bar? smartNavBar: true, //Hide the navigation bar when you don’t have categories or just 1 imagesToLoadStart: 20, //The number of images to load when it first loads the grid imagesToLoad: 10, //The number of images to load when you click the load more button aleatoryImagesFromCategories: true,//Get few images from each category if not it will get them in order horizontalSpaceBetweenThumbnails: 15, //The space between images horizontally verticalSpaceBetweenThumbnails: 15, //The space between images vertically columnWidth: 250, //The width of each columns, if you set it to ‘auto’ it will use the columns instead columns: 7, //The number of columns when you set columnWidth to ‘auto’ columnMinWidth: 200, //The minimum width of each columns when you set columnWidth to ‘auto’ isAnimated: true, //Animation when resizing or filtering with the nav bar caption: false, //Show the caption in mouse over captionCategory: false,//Show the category section of the caption captionType: ‘grid’, // ‘grid’, ‘grid-fade’, ‘classic’ the type of caption effect lightBox: true, //Do you want the lightbox? lightboxKeyboardNav: true, //Keyboard navigation of the next and prev image lightBoxSpeedFx: 1000, //The speed of the lightbox effects lightBoxZoomAnim: false, //Do you want the zoom effect of the images in the lightbox? lightBoxText: true, //If you wish to show the text in the lightbox lightboxPlayBtn: true, //Show the play button? lightBoxAutoPlay: false, //The first time you open the lightbox it start playing the images lightBoxPlayInterval: 4000, //The interval in the auto play mode lightBoxShowTimer: true, //If you wish to show the timer in auto play mode lightBoxStopPlayOnClose: false, //Stop the auto play mode when you close the lightbox? }); }); </script> © 2016 TwoSam.co.uk – All rights reserved

<!DOCTYPE html>

<head> <meta name=”viewport” content=”width=device-width, initial-scale=1.0”> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” /> <title>TWO SAM family website Livegals</title>

<!- CSS -> <link rel=”stylesheet” href=”css/normalize.css” type=”text/css” media=”screen” /> <link rel=”stylesheet” href=”css/reset.css” type=”text/css” media=”screen” />

<!- BOOTSTRAP -> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” integrity=”sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u” crossorigin=”anonymous”> <!- Optional theme -> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css” integrity=”sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp” crossorigin=”anonymous”> <!- END BOOTSTRAP -> <link rel=”stylesheet” href=”css/button.css”> <link rel=”stylesheet” href=”css/twosam.css” type=”text/css” media=”screen” />

<!- Scripts -> <script src=”https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js”></script> <script src=”js/respond.js”></script> <script src=”js/prefixfree.min.js”></script> <!- Plugins -> <script src=”https://code.jquery.com/jquery-1.12.4.js” integrity=”sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=” crossorigin=”anonymous”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js” integrity=”sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa” crossorigin=”anonymous”></script>

<!- AUTOALBUMS GALLERY-> <link rel=”stylesheet” href=”css/gridGallery.css” /> <script src=”js/rotate-patch.js”></script> <script src=”js/waypoints.min.js”></script> <!- if you wont use the Lazy Load feature erase this line -> <script src=”js/autoAlbums.min.js”></script>

<!- Header and Nav BAr -> <!—[if lt IE 9]> <script src=”http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js”></script> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script> <![endif]—>

</head>

<nav class=”navbar navbar-default”> <!- Brand and toggle get grouped for better mobile display -> <button type=”button” class=”navbar-toggle collapsed” data-toggle=”collapse” data-target=”#bs-example-navbar-collapse-1” aria-expanded=”false”> Toggle navigation </button> TwoSam.co.uk </nav> <script> $(function(){ //INITIALIZE THE PLUGIN $(’#grid’).grid({ imagesOrder: ‘byNameReverse’, //byDate, byDateReverse, byName, byNameReverse, random albumsOrder: ‘byName’, //byDate, byDateReverse, byName, byNameReverse, random, none folderCoverRandom: true, //If there is no folderCover image then get a random image foldersAtTop: true, //If you want the folders to be always first and then the images showNumFolder: true, //If you want to show the number of folders inside a folder showNumImages: true, //If you want to show the number of images inside a folder autoHideNumFolder: true, //If there is no folders inside a folder then don’t show the number of folders autoHideNumImages: false, //If there is no images inside a folder then don’t show the number of images isFitWidth: true, //Nedded to be true if you wish to center the gallery to its container lazyLoad: true, //If you wish to load more images when it reach the bottom of the page showNavBar: true, //Show the navigation bar? imagesToLoadStart: 20, //The number of images to load when it first loads the grid imagesToLoad: 15, //The number of images to load when you click the load more button horizontalSpaceBetweenThumbnails: 10, //The space between images horizontally verticalSpaceBetweenThumbnails: 10, //The space between images vertically columnWidth: ‘auto’, //The width of each columns, if you set it to ‘auto’ it will use the columns instead columns: 7, //The number of columns when you set columnWidth to ‘auto’ columnMinWidth: 195, //The minimum width of each columns when you set columnWidth to ‘auto’ isAnimated: true, //Animation when resizing or filtering with the nav bar caption: false , //Show the caption in mouse over captionType: ‘grid-fade’, // ‘grid’, ‘grid-fade’, ‘classic’ the type of caption effect lightBox: true, //Do you want the lightbox? lightboxKeyboardNav: true, //Keyboard navigation of the next and prev image lightBoxSpeedFx: 750, //The speed of the lightbox effects lightBoxZoomAnim: false, //Do you want the zoom effect of the images in the lightbox? lightBoxText: true, //If you wish to show the text in the lightbox lightboxPlayBtn: true, //Show the play button? lightBoxAutoPlay: false, //The first time you open the lightbox it start playing the images lightBoxPlayInterval: 3000, //The interval in the auto play mode lightBoxShowTimer: true, //If you wish to show the timer in auto play mode lightBoxStopPlayOnClose: false, //Stop the auto play mode when you close the lightbox? hashTag: true, //Change the HasTag each time you navigate through albums (so you can share a single album) }); }); </script> © 2016 TwoSam.co.uk – All rights reserved

Hi Aster,
wow that’s a lot of code hehe! lets continue our support privately via email so you can share the link and inspect it there

You can contact me via email here: https://codecanyon.net/user/castlecode#contact (at the right there’s a contact form) then I’ll be able to respond you to your email ;)

puccilla

puccilla Purchased

Forgot to mention that by mistake I’ve also bought the WP version than the standalone version but I need to use the standalone one.

Thanks Aster

Hi Aster,
For better support lets continue our conversation in your first comment :D (so we don’t get confused)

by
by
by
by
by
by