175 comments found.
” Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button.”
Aren’t ALL thumb images loaded on page arrival and simply hidden with CSS and a “load more” added? This is much different than ajax only fetchng the specified number from the server with a “load more” button to fetch more later. That would improve performance and only load what was needed / specified. Please confirm this, I hope I’m wrong.
What is “for performance purposes”? It seems loading all of the images and then hiding them, only to show them later with an animation is actually lowering performance and creating more tasks. If they are all loaded on arrival, why is only a specified number displayed? Why not show all of them? This may give the appearance of Tumblr but doesn’t seem to actually work like that at all. Am I setting this up wrong?
Hello,
The images are not really loaded, you only specified the URL for the images in the divs, for example:
<div data-thumbnail="gallery/Drawings/thumbnails/Watercolor.jpg" />as you can see there’s no image it is only plain text, so actually at the beginning the browser is only loading plain text (not a single image) then the plugin go ahead and take this divs (depending on the imagesToLoadStart setting) and convert them into images, so the images you see are the images that are loaded in the page, the rest still plain text (no image at all).
So each time you click the load more button the plugin go ahead and look for more and convert more divs into images (which, depending on their size, are what slow down the loading time).
I also considered the ajax option but that would be much complicated to use since you would have to make a lot of pages for your individual set of images (something like infinitescroll) but the way it is now is very simple and you don’t have to worry about anything of that, but if you are an advanced user I created a snippet so you can create the images in Javascript (form ajax) and then add it to the grid, you can see how here: http://codecanyon.net/item/ultimate-grid-responsive-gallery/5093275/comments?filter=all&term=reload&utf8=%E2%9C%93#comment_4497750
The web pages load very fast the plain text but if you don’t even want those extra few milliseconds then you can opt for the snippet.
I hope this all make sense.
Additionally I’m working on a huge update for the Media Boxes plugin of mine, which is a more advanced grid than this one and one of the updates will be a very easy way to add boxes or images to the grid through JS (and take advantage of ajax).
Best Regards,
David
Additionally: you can verify the above thing by removing the JS and CSS files of the plugin and you will get plain text and see that there’s no image loaded at all, for example I did that for the demo of this plugin and I get this: http://www.davidbo.dreamhosters.com/plugins/test/ as you can see just text and on my end loads super fast (even though I’m in a place with a very bad internet connection)
oh.
that’s about all I can say. Sounds good. 
David- Is it possible to load more than the default 15 images? I want to load 28 images and I changed imagesToLoadStart to 28 in the gridGallery.js file…but its still loading 15. Thanks!
//INITIALIZE THE PLUGIN
$('#grid').grid({
imagesToLoadStart: 28,
});
Thanks David.
Hi…great gallery thanks. I have the same request as Patson28130. I need to lose the ‘ALL’ option. Be able to designate a default gallery. Is it an update thats coming soon?
Hi, well currently I don’t have a date soon since I’m working on a huge update for the media boxes plugin (a more advance grid that this one) and I will include that in the media boxes plugin.
But if you really need it urgently maybe you can consider to opt for the media boxes plugin
Thanks David I’ll have a look at it.
I’ll definitely buy the media boxes plugin if I can manipulate the category navigation. Like removing the ALL link and making another gallery the default. Is that possible with media boxes?
Sorry to bug you but I need the gallery now and have to know if I can
noAll: true, defaultCategory: 'Category 2',
Thanks David!
When you make the purchase contact me so I can send you the JS files since I think the file in CodeCanyon doesn’t have the “noAll” setting available
Hi, how can i manage to load all images of a spefic category if i click the category button? At the moment i have for example 10 images with the category_1, but on the “ALL” Tab only three of them are shown. If i then click on the “category_1” still there are only 3 images, but i need it to show all ten. How can i do that?
Sent you an email
I want to buy this gallery, I can do it without categories?
and I can only leave a grid of thumbnails without gallery
you can deactivate the categories and also the lightbox
i am buy now and you can help me in this. Sorry for my english I’m from Russia
You can find in the docs examples and how to do it
thank you!
Tell me, can I add a border to the thumbnail
You can add it to the div with the class of “grid-brick” but that will create an extra space
hmm it seems like you theme in IE8 is using Javascript to put the right section in there (the section where it says “?????????? ? ???????”) and probably in newer browsers is using CSS media queries, but if it is using Javascript then the plugin can’t really know when to calculate the width of its container in order to distribute the thumbnails.
Currently the plugin calculates the space when the page load, (seems like after that is when with JS your theme put that section in the right) and also when you resize the browser, if you resize your browser after the page has loaded then you will see that now it knows the correct width.
So the solution is to find where your theme is using that JS to change the section to the right and then reload the grid after that, with this peace of JS:
var grid = $('#grid').grid();
grid.grid('reload');
A better solution would be that you theme use CSS instead of JS to put the correct layout
thank you!
Hi there, is there a way to set the “lightbox-text” as the alt attribute for the image(s)? I think this tool is amazing but a little worried about SEO and accessibility. Many thanks. My email is anthonytomlinson132@hotmail.com
currentImage.src = src;then replace it for this:
currentImage.src = src; currentImage.alt = text;
You’ve made my day! Thank you 
Hi, someone 6 months ago mentioned being able to add an image to multiple categories. I need the same thing done for my site. Do you still have the code that was used to create this solution? My email is braylark@gmail.com
sent you an email
Hi there.. i bought this yesterday.. but is not works… I am use wordpress…
thx..
Hello, this plugin is not a Wordpress plugin is a stand alone version!
is that okay to me exchange to Wordpress plugin? sry for this.
my email is ykanimate@gmail.com
I sent you an email
Hi!
Do you mind to help us remove the function where the user can highlight the text when they hover/select on the lightbox captions?
What I mean here is when you highlighted the texts usually there’s a background color to show you whichever you’ve selected.
Thank you!
{
caption: false,
}
You can see all the options here: http://www.davidbo.dreamhosters.com/plugins/gridGallery/documentation/index.html#Options
I want the caption itself, but if you try to “highlight” or “select” (click and drag the text) to caption, supposely theres a background color, but actually it is not showing the background color.
I think you misunderstand what I mean, I want it to be draggable, weird thing is, all of our sites have no issues when highlighting the texts, but when it comes to the gallery page, you can’t highlight it.
the best example is try to this site: http://www.davidbo.dreamhosters.com/plugins/gridGallery/example1.html and try to highlight on the texts captions, it is not highlightable(selectable)
Please refer to this image: https://www.evernote.com/shard/s231/sh/cf37143b-2fa0-4320-821c-9c98fa36f6e1/bdc1c9071ac4891a387975f45d6b5f99
Ohhhh, I thought you were talking about the caption on the thumbnails.
But yes I disabled the selection on the lightbox but you can activate it again, just open the gridGallery.min.js file and find this:
Q.attr("unselectable","on").css("user-select","none").on("selectstart",false);
then erase it!
awesome, that works!
Amazing Gallery! Congratulations.
Its possible to add a like button or somenthing over the image in lightbox?
This would be awesome.
Thanks.
thank you, currently there’s no option for this, you would have to tweak the JS section Cheers!
Ok thanks… Do you know why I get a broken images like this?
Hello can you share the link to your site where the gallery is? so I can inspect it
It’s nice scripts!. Could we edit the top navigation “Drawing, Illustrations, Photography”? Thanks and Regards
Hello, what do you mean edit? you can change the categories of course, just change them on the boxes and the plugin will automatically read them
Thanks!
Can an image belong to multiple categories?
Currently no, but I will add it as an update
Very very good! 5 Stars!
thank you
Hi,
How do I make a hyperlink open in a new tab when clicked?
location.href=url;then replace it for this
window.open(url , '_blank');
don’t forget to use the gridGallery.js file in your html page (not the minified version)
It worked…thanks!
Hello, Is it possible to hide “all” and have a directly selected category? Thank you Pat
Hi, currently that is not possible, but I’ll add that as a future update, just don’t know when, Kind Regards!
Hi, What’s up doc ?
Hello, I haven’t get the time to do it, since I’m currently working hard in a huge update for the “Multi Purpose Media Boxes” but if you really really need it I can make a little freelance job for you (in case of urgency)
How do I increase spacing between images? Thanks, love it.
Hello, there’s 2 javascript options for that, you can see it here: http://www.davidbo.dreamhosters.com/plugins/gridGallery/documentation/index.html#Options
By default the options are set like this:
horizontalSpaceBetweenThumbnails: 5, verticalSpaceBetweenThumbnails: 5,
That worked but I wanted to add padding to the containing div but the grid does not reduce in size instead it’s forced off the page. How do I reduce the size of the grid so I have some space around it?
<div style="width: 800px">
<div id="grid">
</div>
</div>
Hello, Quick question before i buy it… can i use it without the “category filter”? is there any chance to make it work on IE7?
Yes you can disable the category filter bar, IE7 is a very old browser I don’t think is worth to try, even IE8 is dying, you can read about IE8 here: http://notes.envato.com/news/ie8-compliance-is-now-optional/
is there a way to show an image in more than one data-category?
Please read the comment before yours. Regards
Hi davido,
We have some problem to add (with ajax) and manage the new box added. what function we must to use or what process may i use to do it fluently.
Hello, see this: http://codecanyon.net/item/ultimate-grid-responsive-gallery/5093275/comments?page=1#comment_4497750
Also can you provide me your Purchase Code through private message here: http://codecanyon.net/user/davidbo90#message since your account says that you didn’t purchase this plugin (maybe you bought it from a different account)
Can the files needed to run this plugin be loaded and pulled from another site,i have a big cartel site where i have no access to local files,my url is redirected to my bigcartel site.
Hi, yes you can bring the files from another site, just type the all URL
Thanks ive done this before with another gallery and it worked but im having a problem with this one,im missing something i will give it another try!
This item was featured on CodeCanyon
Elite Author
Contact the Envato Market Help Team
