175 comments found.
Hi, first, thanks for this great plugin.
I just like to know if there is a way to center verticaly images displayed in the lightbox?
Hello,
Currently there’s no easy CSS trick to center the image, it would require some JS logic in order to calculate the available space and add some extra margin-top to the image
Best, David
Hi, thnaks for the fast answer. I found this plugin: https://github.com/megazalrock/jquery-verticalcentering-plugin and it looks working well on this jsfiddle I made: http://jsfiddle.net/dragoeco/0e926txw/ but unfortunately not with your plugin. As you can se in the jsfiddle I made a css trick with absolute position, but I believe using jQuery instead of absolute positioning is a better option. I still continue my investigations…
alright after digging some time I found a CSS solution, try adding this lines of CSS:
.autoGrid-lightbox img{
position: absolute !important;
top: 0px !important;
bottom: 0px !important;
left: 0 !important;
margin: auto !important;
right: 0 !important;
padding-top: 57px !important;
}
Thanks a lot David. It works great 
awesome 
Hello David,
Thank You ! If i pursache a extended Licence, is it for more one client ?
Tony
Hello,
the extended license is when you are going to use this plugin in a commercial product.
For example, if you build a theme and include this plugin, and then you sell it.
in other words: “An Extended License is required if the end user must pay to use the end product.”
You would need “One license per each customized end product”
you can read more about it here: http://codecanyon.net/licenses/standard?license=regular
and also you can take a look at this powerful plugin: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
Best, David
Ok Thank You David ! Have a good Day !
Hello David,
Don’t quiet because i have found my problem. I don’t see the show filter bar because it will be the same background color….
That’s Ok Now. Question… If I want to do a plugin Wordpress width Ultimate Grid Responsive Gallery… Is it possible ? I must buy the other license ?
Thank you for your replies !
Tony
Hello,
alright, glad you found it 
if you are planning to sell this plugin as a Wordpress plugin then is not allowed, if you want to make it just for you or for one client (who will not sell it, only use it for its own site) then yes you can
I hope this make sense,
Best, David
Hello,
Your work is very nice. I have a little problem. I Have Integrating the grid in wordpress width custom post type and it’s work nicy. But the parameter is showFilterBar: true, but when i click to the image and when you are in modal, the show filter bar is not here. An Idea ?
Thank You
Hello,
I’m glad you are integrating it into WP
I don’t quite understand the show filter bar issue, any chance you could show me a living example online so I can take a look and see what is going on? you can contact me via email if you want as well
Best,
David
Hey David is there a way I can set the column count with data attribute like data-column=”2” ?
Hello, you can’t with this plugin, since it isn’t very advanced, but if its really necessary you can do it with this plugin: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
Best, David
Hello,
I was wondering if it’s possible to use you plugin in a Volusion ecommerce site; .asp content (not product) page?
Thanks
Hi,
I’m not familiar with that theme or framework, but this plugin should work in any HTML page
Hi, is possible to show the thumbnails in random order? Thank you
Hello,
there’s no default option for this, you could try to generate the thumbnails with PHP or something like that, but that feature is not yet part of this plugin
Best,
David
Hello this is a great gallery. I’d like to ask you if it would be possible to put some text in (if I put it in it is under the pictures). Or if it would be possible by lightbox I’d continue into next grid (I created grid2, but it works as s presentation itself). Thanks a lot. this is page http://martinvecera.cz/2015/svatebni-fotograf.html
the text must be inside a div with the class of “thumbnail-caption” right beside where you specify the URL for your images:
<div class="thumbnail-caption">
<h3>Plants vs Zombies</h3>
<h5>In Drawings</h5>
</div>
you can take a look at the source code of the example files that you downloaded here in order to see it Also I’m leaving on vacations, but I will be back on Sunday, if you need further help or if something wasn’t clear contact me then so I can provide you more support
Best, David
enjoy vacantion =) but i am trying made new paragraph (some text about photos) and then continue with next photos
Hi its possible to for the gallery to continue to next gallery. If some text is between then? like here http://www.foto-vecera.cz/2015/svatebni-fotograf.html
Hi,
ohh currently no, the galleries are independent from each other, may be a good addition but at this moment I can’t think on a work around
Best, David
var $op = $(' < image src / > ').prepend($op);Hello,
if you are editing the gridGallery.js file make sure that in your page you include the gridGallery.js file instead of the gridGallery.min.js file (not the minified version)
I hope this make sense
Best, David
Thanks – i just figure it out myself . i wonder how it’s possible to randomise the overlay color….i figure that the .thumbnail-caption class has the overlay color features… and lets say i want each .box to get a different color… any idea how it can be done? THANKS !!!!
well with CSS you could try something like this:
.box:nth-child(1) .image-caption {
background: red;
}
.box:nth-child(2) .image-caption {
background: blue;
}
.box:nth-child(3) .image-caption {
background: green;
}
.box:nth-child(4) .image-caption {
background: gray;
}
and so on. I hope this make sense,
Best, David
Hi – i got it – here is the code :
$(".thumbnail-caption").each(function () {
var hue = 'rgb(' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ')';
$(this).css("background", hue);
});
});
THANKS !!!
Awesome, thanks for sharing
OOPS…. can’t do it with RGBA….. i lost the opacity…. any idea? THANKS!
$(".thumbnail-caption").each(function () {
var hue = 'rgba(' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ', .6)';
$(this).css("background", hue);
});
});
THANKS!!!!! Best Ever !
Last Question – i swear ! suppose i want to keep a formation of the image to look full ….without any blanks at the bottom…any idea? i add another explanation for the sake of all … – i want to fill the bottom of the page where the images stops loading… or maybe to simply align the images in a way that prevents the height differences…Hope i explained well Best Regards!
Hello,
for that you would need to play around with the width of your images, maybe having perfect square images, but for that you need to crop them manually, or alternative this plugins got a feature in which you can specify a ratio and it will crop it with CSS techniques for you: http://www.davidbo.dreamhosters.com/plugins/mediaBoxes/example/demo2.html
Thanks !!! i will keep you posted, you’ve been much helpful !!!
Hi, I’m trying to modify the navigation and load bar so that they appear in Spanish. I changed the JavaScript file, line 583 html to Spanish and it didn’t take: if(result){ loadMore.addClass(‘grid-loadMore’).html(‘Cargar más imágenes’); }else{ loadMore.removeClass(‘grid-loadMore’).html(’’); }
Also, tried to change html text to Spanish on line 525 and changed lang to “es.” Am I missing something?
Thanks.
Hello,
are you using in your page the gridGallery.js file instead of the gridGallery.min.js file? since you are modifying the not minified version
Best, David
Thanks David! That worked.
Hi, is possibile to have a link to a specific category? For example, in the demo, there are different categories in the menu ( Photography, illustrations, drowings ), i would like to have a link to one of them.
Thank you
Hello,
currently that feature is not part of this plugin, but it does sounds like a nice addition
Best, David
Hi, I’ve installed the plugin and works great! I’ve just one small issues with it. I don’t know why it show some extra scrollbar on right and bottom of the container.
Can You help me fixing this problem? The site is : http://goo.gl/m5N74g
Thank You
Already fixed it adding
.grid-clearfix{ overflow: hidden !important; }
awesome
Another question. How can i Translate the “All” button in navigation menu? Thank you
open the gridGallery.min.js and find this:
.html("All")
in there change the “All” word,Best, David
Thank you
Hi, Im using your plugin and it works on chrome safari and firxfox, but when I try it on IE8, the large image didn’t shown in the light box. Is there anything wrong with the plugin?
This is my site: http://cosmocamera.com/HKIA_mega_0309/example1.html And the plugin is located at the very bottom part.Many thanks.
Hello,
at this moment I’m not able to test it on IE8 (since I’m on a MAC) but is the live preview working? http://www.davidbo.dreamhosters.com/plugins/gridGallery/example1.html
let me know
Best,
David
the live preview is work, but when I plug it into my site, it doesn’t work
Problems fixed, thankyou
awesome
Hi,
I seem to have a problem with the script, the gallery is loading o.k. and creates the correct number of categories when it is first loaded onto the page it loads the correct number of images specified under the ‘all’ category but then when I click on another category link the images for this category don’t show even though they have been loaded into the page, the load more button is there and will load images from that category if you click on the button, is there a way to correct this so image”s appear before you click on the load more button? Many thanks
Hello,
so you are saying that when the gallery first loads, it shows you certain thumbnail, and when you click its category it disappears? (until you click the load more button) can you show me a living example so I can take a look?
the filter is suppose to filter the thumbnails that are loaded in the grid (in the “All” category) it will not load more thumbnails but it should filter the loaded thumbnails correctly
Best, David
Hi there,
Great tool – love it!
Is there a way to add ‘title’ and ‘alt text’ to the thumbnails at all? I have this for the large images when the lightbox opens but nothing for any of the thumbnails.
Thanks
you can add it in the JS, open the gridGallery.js file (not the minified version) and find this:
img src=in there you can add the alt and title tag
Also don’t forget to use the not minified version of the JS file in your page as well
Best, David
Hi David,
I’m really sorry but I’m not following. I’ve found this in the gridGallery.js file but I don’t know what code is needed to pull the text for the alt and title tags:
thumbnail’” data-lightbox=”’image’” />
I’m hoping to use “lightbox-text” as the source for the alt and title tags. Is this possible?
Many thanks
oops forgot to mention that, you have this:
var imgHTML = $('<img src="'+thumbnail+'" data-lightbox="'+image+'" />');
replace it for this:
var lightboxText = thumbnail.siblings('div.lightbox-text').html();
var imgHTML = $('<img src="'+thumbnail+'" data-lightbox="'+image+'" alt="'+lightboxText+'" title="'+lightboxText+'" />');
Hi David,
Just tried that and got “Uncaught TypeError: undefined is not a function” on line 716 which is referring to:
var lightboxText = thumbnail.siblings(‘div.lightbox-text’).html();
var lightboxText = $this.find('div[data-thumbnail]').siblings('div.lightbox-text').html();
var imgHTML = $('<img src="'+thumbnail+'" data-lightbox="'+image+'" alt="'+lightboxText+'" title="'+lightboxText+'" />');
Yes! Awesome stuff. Thank you so much. This has been troubling for some time. Much appreciated
Buenas noches David.
Tengo una duda, cuando creo dos apartados, pero la primera vez que entro en el apartado 2 del grid no me aparece ninguna imagen, nos e resetea.
Te importaría ver por si acaso tengo algo mal configurado.
http://www.video-boda.es/fotografia-bodagracias
Tal vez me explico muy mal. Noto que en la configuración elijes 15 imagenes y selecciona las 15 primeras, cuando cambias de categoría no refresca las 15 primeras sinó las que haya. Y abre en la categoría total.
Las preguntas son: ¿Se puede abrir en una categoría especifica? ¿se puede refrescar para que al apretar por primera vez una categoría seleccione 15? En caso de no poderse la segunda, se podría la selección de 15 cojer en partes iguales de cada categoría no que tuvieran que ser las 15 primeras. Por ordenar las familias.
Gracias
Hola,
Al principio el plugin carga las primeras 15 imagenes que encuentra (en el orden en el que estan en tu pagina HTML) despues las categorias solo filtran lo que ya esta cargado en la pagina (actualmente no pueden cargar mas imagenes al momento de hacer click en una categoria)
Esta version es bastante basica por lo que no tiene muchas opciones, si realmente necesitas estas mejoras te recomiendo adquirir este plugin: http://www.davidbo.dreamhosters.com/plugins/mediaBoxes/example/demo1.html el cual es mucho mas avanzado y rapido, tiene una opcion llamada “minBoxesPerFilter” en la cual puedes poner el numero minimo de imagenes a mostrar en esa categoria, si esta condicion no se cumple automaticamente carga mas imagenes a la hora de darle click (creo que eso es lo que buscas)
Saludos
Hi David,
I am trying to link to another site / page when a box is clicked. I have turned the lightbox off, and followed your instructions on how to link data-url=”xxxxx” inside the box class , but it seems to open the new page inside the current one – instead of just taking me to a new page.
Please help
BUMP – i tried doing Onlick, but this also opens a new page IN the box. Only way around it I found was deleting the H tags inside the thumbnails, and replacing them with href links, and changing the text color to white with Css. Just means that the user will need to click on the text, not the box.
Hi, what do you mean with “it seems to open the new page inside the current one” like in an iframe? or what do you mean?
A living example would be helpful.
Also did you try to wrap the caption text or the image with the anchor tag?
Hi, i´m from mexico and I want to buy your plugin is great! That the difference between regular license and License Extended And as is the mode of payment?
Thank you
Hello,
The extended licenses is only if you plan to use the plugin in a commercial project, you can read more about it here: http://codecanyon.net/licenses/standard
you can buy using a credit card, paypal or using the credit here in CodeCanyon
Best, David
Hello,
Just wondering if the lightbox can display an Iframe and if so, how do I go about doing this?
Hello,
This plugin doesn’t support iframes on the lightbox, but there’s a powerful tool in which you can put iframes and much more! it is faster and got tons of options, you can see it here: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
I would like to use this as showing 1 photo from the website and then when pressed it opens into a gallery. Would it be possible to have the thumbnails in a horizontal or vertical line on opening the photo?
Hello
currently the lightbox doesn’t support a gallery per image in the grid, but sounds like a good feature
best, David
And regarding thumbnails showing while photo is open? If you manage to implement these features in a short while I would surely purchase. Thanks.
Hello,
I will take a look, maybe a different lightbox already got this feature
This item was featured on CodeCanyon
Elite Author
Contact the Envato Market Help Team
