castlecode

castlecode supports this item

Supported

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

187 comments found.

tyeeman

tyeeman Purchased

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

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

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 ;)

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)

HI

I purchased the theme but after making the payment I saw the multi level theme, can I please get the multilevel theme on the same payment I have made

Sameer Bhatnagar 91-9987836965

Hi there,
can you link to the theme/plugin you bought? I’m not quite sure which theme you purchased :)

You can also contact me privately via email through here: https://codecanyon.net/user/castlecode#contact (at the right there’s a form)

Best, David

dstaton

dstaton Purchased

Hi David – After you showed me this, I decided it fit my needs better than your single gallery script. I installed it, but get nothing but a white page. Is this compatible with php7?

Hi there,
Yes the plugi is fully working with PHP, can you show me a living example online so I can take a look and tell you exactly what might be wrong?
Best, David

dstaton

dstaton Purchased

Hello -

I asked a question about swipe capabilities in the comments are for your Auto Grid Responsive Gallery having swipe functionality. You said it didn’t, and said this multi-level gallery did. I’ve uploaded the files and images, but they don’t swipe. Could you tell me what I’m doing wrong?

Thanks, Dale

dstaton

dstaton Purchased

I changed it, and it didn’t work. So I tried adding it to the index.html file, and it did. Which set of functions works in general? The ones in the html file, or the js file?

dstaton

dstaton Purchased

Another question: where in your code could I insert “class=img-responsive” so the photos adjust themselves to fit? The thumbs are fine, but when I changed the height in the css file from auto to 75%, it looks great on the computer, but on phones, they are very distorted. Ok, so maybe two questions. Do you have plans to make it compatible with the current jquery version (3.2.0) from the one this awesome script uses (1.9.1)? Thanks again.

Hi there,
1) the JS initialization I was referring was the one in the HTML file, the ones in the JS file are just the defaults one.

2) you can target the img with CSS like this:

.gbox img{
  /* some CSS here */
}

3) yes, I’m actually planning on basing this plugin on the Media Boxes which is fully compatible with jQuery v3

Best, David
by
by
by
by
by
by