castlecode

castlecode supports this item

Supported

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

199 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
fsoda

fsoda Purchased

If I wanted to link to “say a pdf file somewhere else” how would the file name be structured. For example I want a thumnail to link to google.com/dir/dir1/xxx.pdf. Also can it link to another specific photo in another folder within the Gallery. Really great program and worth 5 stars!!!

Hi there,
Check this out: https://codecanyon.net/item/auto-grid-responsive-gallery-wordpress/3959433/faqs/18270

Linking to an specific photo is currently not possible, but I’m planning a huge update that may take care of this ;)

Best, David

dstaton

dstaton Purchased

Hello David. This is a wonderful script. Been looking for one like it for a couple of years now with no luck. Most had some features your has, but none had all.

I have a few questions: 1. I uploaded the photos and thumbnails of all my albums but one. That one only had the photos. I didn’t notice any slower loading, nor a degraded clarity of the thumbs. Seems it might make sense if I got rid of all the thumbnails, and just relied on my site cache to handle them. Any thoughts on this?

2. Each individual image shows the filename above it. Is there someway I can piggyback on this and have a facebook share button above each photo, and/or add a few lines of code so people can purchase each individual photo?

3. Is there a way, through a variable so I can pass Facebook Open Graph for each photo so it shows up along with a link when shared?

I like this so much, I’m going to buy another copy for my other site, and really push your script with more than 150,000 photos, and God knows how many directories. I’ll let you know how it goes.

Thanks!

Hi Dale,
open the js/autoAlbums.js file (and make sure to use this file instead of the “min” version) and find this:

var box ='<div class="gbox">'+
              '<img src="'+directoryNav+'/'+thumbFolder+imgName+'" data-lightbox="'+directoryNav+'/'+imgName+'" />'+
                    '<div class="image-caption">'+
                          '<h4>'+imgTitle+'</h4>'+
                    '</div>'+
              '<div class="lightbox-text">'+
                    imgTitle+
              '</div>'+
          '</div>';
this is the part where the HTML for the images is created

I hope it makes sense :D
dstaton

dstaton Purchased

where are variables defined?

these are the variables for that section:
The thumbnail: directoryNav+'/'+thumbFolder+imgName
The lightbox image: directoryNav+'/'+imgName
The title: imgTitle

Do you have the option of creating password protected galleries as well? I am looking to emulate something like this https://www.oahuphotobooths.com/clientgallery where I can lay everything out in a grid. Click on each gallery and some may be open to the public and others may want to have the images password protected.

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

Best, David

Thanks for the reply. Is this something that you could custom build? If so, at what cost?

Hi, I answered via email :D

p8dre

p8dre Purchased

Hi David Sorry to bother you again, but I could really use some help. I am struggling with the responsive side of your program, I feel that I need to make it image responsive because it is causing errors on my aside on the left of the screen, and the images do not resize.The easiest way to explain is to say that the aside moves itself when it shouldn’t, to the right and narrow. I will include a link to it, it is still very much work in progress and I am no web developer, just an old retired guy who likes to play. I would very much appreciate your comments, especially if I have done something wrong, ie: put the grid code in the wrong place etc. Thank you very much for any help you can give me.

http://www.the-padres-salesrooms.co.uk

Peter Martin

Hi Peter,
try adding this peace of CSS:

.gbox img{
  margin: 0 !important;
}

#grid{
   width: 100% !important;
}
Best, David
p8dre

p8dre Purchased

Hi David Sorry to bother you again but I need some advice/ideas please. Still working on my site but have found a problem when I include the gallery. When the gallery is included on the page it alters the responsive part of my site, only the index page where the gallery is located, all other pages are unaffected. I am guessing I am doing something wrong but can not work out what. The problem is visible when you try to resize the page, the left aside column jumps and changes and the gallery just doesn’t resize as it should until it gets smaller. It is like I want to make the gallery responsive but it already is, but not how I want it to be. I hope that makes some sort of sense. I am no web designer just an old retired computer engineer who enjoys playing, so I am sorry for pestering you but could really use some help. I have tried for several hours and got no where. The site is still work in progress but it is up live at: http://www.the-padres-salesrooms.co.uk

Any help would really be appreciated and I have renewed my support so I can get your further assistance which is really appreciated. And i may add I really like your work, so thank you.

Sir Peter E Martin

Hi,
I see it working correctly in your site, I see the index.html page behaving as the books.html (when resizing the browser).

Try clearing the cache of your browser in order to see the changes ;)

p8dre

p8dre Purchased

Hi David Thank you, I think I had got myself frustrated with it all and missed the basics. But yes all sorted for now, until I break it again. Thank you for all your help. :)

glad that its working :D

Hi. Is there any way calling two or more different gallery folders with a link so it would show only the named folders (galleries) not all from a certain directory?

Example: www.mywebsite.com/gallery.php#Album1#Album2

..and would show only the photos from Album1 and Album2.

Is this possible somehow in the link?

Hi,
This feature is not part of the plugin, maybe in a future update :)

Best, David

Hi is it posdible to apply some sort of search that searches the file names or filters?

Hi,
Currently this is not possible, it may be possible in a future update
Best, David

This comment is currently being reviewed.

Hi Daniel,
I found the issue. In order to fix this follow the next instructions:

First, your menu needs jQuery in order to work, and currently there’s no jQuery for it (the jQuery file MUST be imported before the menu js file and the other scripts)
So uncomment this line:

<!-- <script src="http://haitisailingcup.net/2018/js/jquery-2.1.4.min.js"></script> -->
now jQuery will be available for your scripts and menu

Second, since you already uncommented a jQuery instance above, you don’t need the jQuery instance of the plugin, so erase this line:
<script src="http://haitisailingcup.net/2018/autogrid/components/jQuery/jquery-1.11.3.min.js"></script>


Finally, replace this:
$('#grid')
for this:
jQuery('#grid')
I hope this makes sense ;)

This comment is currently being reviewed.

Hi, you double posted the same comment, I answered you in your first comment, so I’m flagging this one ;)

David, thank you, the fix worked, however, I did not know that support comments were public, they weren’t in the past (I’ve been working with your plugins for some years already :-).

Would you mind deleting the actual urls from my comment? Thanks!

Hi,
I’m glad it worked :D
Yes I’ll delete your comments :)

Best, David

Vitalie

Vitalie Purchased

Hi, i’ve sent an email to your address about issue on my website. Forgot to mention that i use the standalone version, not wordpress. Waiting for your help. Regards.

Hi,
Currently bringing images from a different server is not possible

Best, David

Please add this feature to the next update- use another server, or please do this like a customization, We’ll pay for this.

Hi,
I will see if this is possible for a future update ;)

Buenas tardes, ¿David era posible las etiquetas alt y description? no me acuerdo como se hacía

Hola, puedes usar la variable de JavaScript que está en el “src” y ponerla en el alt o title, puedes también hacerle un replace para remplazar los guiones por espacios en blanco

Si había pensado buscar la variable y hacer un replace. Estoy descargando la galería para renombrar todos los archivos de manera independiente.. Ya te contaré David como ha quedado. Gracias.

perfecto ;)

Hello, I have an issue with sorting, index.html set albumsOrder: ‘byNameReverse’ or albumsOrder: ‘byDateReverse’ but order didn’t change at all. Structure looks like this: Gallery 2015 Photos 01 Photos 02 2016 Photos 01 Photos 02 2017 Photos 01 Photos 02 My goal is to set sorting to see the latest first on the screen regardless folder name, I have tried all possible sorting options but couldn’t get desired result.

Is it possible?

Hi,
try renaming your folders like this, and set the order by name:

a-2015
b-2016
c-2017
Best, David
by
by
by
by
by
by