castlecode

castlecode supports this item

Supported

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

274 comments found.

f00d

f00d Purchased

Hi I purchased this plugin and it works quite well. Just had one small issue, the images in my gallery appear to slide off to the right in an awkward way the first time you click each category. Tried turning off animated transitions, it looked even more glitchy. Otherwise everything else is functioning great.

Page for reference http://hailintattoo.com/gallerytest.html

Thanks for your help,

Hi there,
try setting the option “isFitWidth” to false, like this:

isFitWidth: false,
Best, David
f00d

f00d Purchased

Perfect, thanks so much! Don’t know why I didn’t try that lol

Hello David, per your reply to my previous email of a few days ago, I just purchased Auto Grid Responsive Gallery. It works as requested, very smooth, as all your scripts do ( I believe I have almost all of them, including WordPress versions!)

In my present case, I need one more feature, it is to have the pic name below the pic. The reason for this is that the overlay feature does not work fine on mobile devices, it works well with a mouse, but not when tapping with a finger.

Please see this two images so you better understand what I mean:

Present: http://oi65.tinypic.com/10nc3si.jpg

Requested: http://oi68.tinypic.com/214bl89.jpg

Can it be done with Auto Grid Responsive Gallery?

If it’s not possible to do it with Auto Grid Responsive Gallery, can it be done with any of your other plugins? For instance, Media Boxes Portfolio – Responsive Grid.(https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020?s_rank=2)

The most important feature: the plugin has to get the name from the pic name! So my client can upload pics himself and have them posted to his website with names and all.

Thank you for your support.

Looking forward to your reply,

Daniel Sami

Hi Daniel,
well you can tweak the plugin a little in order to do this, first disable the caption by passing this JS setting in the initialization:

caption: false,
and then add this CSS:
.image-caption{
  position: static !important; 
  display: block !important;
  background: white !important;

  -webkit-box-shadow: none !important;
          box-shadow: none !important;

  color: black !important;

  padding: 20px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}
.image-caption h4{
  margin: 0 !important;
}
Best, David

David,

thank you very much for your support, the mods worked without a glitch, I added some more CSS to match the website fonts, adjust some paddings and so on, also set to “display:none” the h5 (second line on the description which shows the corresponding category, didn’t need it).

Here’s my code:

Initialization:

caption:false

CSS:


.image-caption {
    position: static !important;
    display: block !important;
    background: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: black !important;
    padding: 0px 0px 10px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.image-caption h4 {
    margin: 0 !important;
}
.image-caption h5 {
    display: none;
    text-align: center;
    margin: auto;
    font-family: font-family: 'Lato', sans-serif;
}
.image-caption h3 {
    font-size: 16px;
    text-align: center;
    font-family: font-family: 'Lato', sans-serif;
}

I would suggest you include this option to have the pic name and or category name in your demo, I believe many buyers would find it suitable for their websites.

Thanks again,

Daniel

Hi Daniel,
thank you for sharing so others can benefit from it :D
and yes a huge update is coming for this plugin that will include more functionalities (like the Media Boxes)
Best, David

Akolut

Akolut Purchased

Hi, Script is working fine and i am changeing it to my theme. but one question, i cant find within the other questions. my thumbs are 150px in width – but the scipt fits all thumbs to a width of 368px.

Further i would like to know, if its possible to open the lightbox so, that the original file / path cant be downloaded / see.

Hi there,
I sent you an email ;) (so we can continue the support via email)
Best, David

Hi again! Anyway to load ALL images or do you have to choose a number ?

Hi, just set a ver high number like: 999999999999999 that will load everything ;)

ha! great, thanks castlecode—you are great !!

Hi, Is it compatible with AngularJS ?

Hi there,
it works in a page where you have angular included, since it only needs jQuery, but if you mean that you wish to print the HTML markup for the images via AngularJS then that’s not possible, since the plugin reads with PHP the images from a folder in your server ;)

Best, David

Hi, is it possible to cancel the ALL label a go directly to the first category / folder? Thanks Cristina

Hi there,
Try this:
add this peace of CSS in order to hide the ALL category:

.category-navbar li:first-child a{display: none;}
and then in order to trigger the first category add this peace of JS AFTER the JS initialization of the plugin:
setTimeout(function(){ $('.category-navbar').find('li').eq(1).find('a').trigger('click'); }, 300);

Thak you !

Is it possible to change effects on images when the mouse is over? Thank you Cristina

Hi Cristina,
there are 3 effects that you can choose from, just choose any of these:

'grid', 'grid-fade', 'classic'
and pass them in the captionType setting, like this:
captionType: 'classic',

Hi, As categories are growing, navigation has two or three lines which look stupid‐looking to me. I’ve tried tweaking “line-height value”of .category-navbar li ,but in vain. Could you please tell me how to close up the space between navigation lines?

Look forward to your advice

Hello,
I’m not sure how close you want the lines to be, but you can try adding this peace of CSS and play around with the padding:

.category-navbar li {
    padding: 3px 0 3px 0 !important;
}

.category-navbar li a {
  padding: 4px 10px !important;
}
I hope this makes sense ;)
Hi, David Thank you for your quick advice, which helps me a lot. Auto Grid Responsive Gallery is so useful, worth more than price. My report is that no corrupted text happens to Category 2-byte name(Japanese Kanji). Thank you, Yasushi

awesome :D

ipg

ipg Purchased

Hi,

I’m having an browser issue in IE on Windows 10 with the images being stretched. It does not happen on Firefox and Chrome.

http://thebathroomcompany.us/projects/portfolio.html

Do you have a fix for this?

Thanks for any help you can provide.

Hi there,
try adding this peace of CSS:

img {
  width: auto;
  height: auto;
}
Best ;)
ipg

ipg Purchased

Worked!! Thank you so much.

great :D

Hey David! Loving the gallery! I suspect this is relatively simple but I have not been able to locate appropriate piece of css.

I’d like to open up the spacing between images on the grid.

Thanks in advance for your assistance! Cheers!!

Hi James,
you can specify the space between thumbnails with these 2 JS settings:

horizontalSpaceBetweenThumbnails: 5, 
verticalSpaceBetweenThumbnails: 5, 
just pass them in the JS initialization ;)
I hope it makes sense
Best, David

Awesome, David, thank you! I was looking to CSS, I should have also considered the JS.

Cheers to you!!

I’m glad its working :D

HI sir,

I don’t know code level, so as per your docs I did everything but insert of index.html my file name is gallery.html so how to change this case? if I send my link can able to fix?

thanks

Hello,
it should be the same, you just need to make sure that the reader.php file is in the same directory as the gallery.html file
and yes, send me the link so I can take a look ;)
Best, David

edith88

edith88 Purchased

Hi! I just purchased this plugin and it works great! I have only one question : How can I somehow hide the “All” category…so it only loads Category 1 , Category 2, Category 3 in the navigation? Thanks!

Hello,
I’m currently away on vacations so I can’t give much support as I’m on my phone but check this out: https://codecanyon.net/item/auto-grid-responsive-gallery/3864088/comments?page=14&filter=all#comment_14582010

I hope it helps :D

rush2004

rush2004 Purchased

Hallo, I was just wondering if possible to change from “gallery” folder to a different name folder?. Is there anywhere I can change that in the js script?

What I am trying to do is to have 2 separate landing page – displaying different photos.

Can u tell me the option? perhaps buy another license ? Let me know.

Thanks, RS

rush2004

rush2004 Purchased

Thank U David!

rush2004

rush2004 Purchased

It’s working:) thank u very much…

awesome :D

by
by
by
by
by
by