Comments (21)
+1
from justified-gallery.
+1
from justified-gallery.
+1
from justified-gallery.
Surely this is something more to do with your application, not the plug-in
from justified-gallery.
+1 - currently, we apply filters by hiding the images (so that we don't have to refresh the entire set). however, there is no way to tell justified gallery to ignore pictures that are hidden and to re-arrange
from justified-gallery.
^ I'm doing the exact same thing. Te only way I can do it is to remove them from the dom altogether which makes it a bit heavy handed.
A way to ignore a particular selector would be great!
from justified-gallery.
+1
These forks adds selectors:
outluch@81b10e4
https://github.com/rexxars/Justified-Gallery/commits/custom-entries-selector
from justified-gallery.
klihelp, maybe it just didn't help me but the forks didn't work very well.
This is the best thing working for me so far. The spinner thing doesn't reload and kind of messes my stuff up. The other two ways, hiding and displaying none semi-works but I can't justify the gallery. When I load it at the end either nothing happens or the spinner just breaks it.
Is there a way to fix this or am I doing something wrong?
$('.btn_photo').on('click', function(event) {
//$('.anim, .cinema, .graph, .web').addClass('spinner');
//$('.photo').removeClass('spinner');
$('.photo').css('display','block');
$('.anim, .web, .cinema, .graph').css('display','none');
$('.anim, .web, .cinema, .graph').hide();
//$("#gallery").justifiedGallery();
});
Either the spanners reload incorrectly and it cannot be justified after hiding / adding a spinner class, or my other two ways of hiding and displaying none just make the images not show up, but the justifying keeps it from showing up which is why I've currently commented it out.
Does anyone know how to fix it? I'm trying to get buttons show and hide pictures or divs.
from justified-gallery.
Also, I can't seem to figure out why, and I think it is the jquery doing it, my images keep adding 1 to the top and left. I have taken out padding, matting, and any other number so that my images would hopefully stay together.
from justified-gallery.
I think your first issue is what I described above - the elements need to be removed altogether, not just hidden. This causes issues.
The second issue sounds like margins - have you tried removing the margins in your options?
$("#gallery").justifiedGallery({ 'margins' : false });
from justified-gallery.
@klihelp - Thanks I'll try that branch, I hadn't spotted that.
from justified-gallery.
OK, you convinced me, I'm doing it. ;)
from justified-gallery.
That would be awesome @miromannino
EDIT: I have no idea why I have dancers but they're staying...
from justified-gallery.
+1,
When it is up I'm certainly giving credit in the About section, and advertising it on social media ends.
In my mind you'd have the best plugin around. I already like it a lot, but it doesn't allow me to have five categories, yet. I've searched top jquery, jquery grids, and a bunch of other stuff for a straight three days. Honestly, yours is the best I've seen so far. Adding in a way to filter would just be amazing.
http://davidkrout.com/ is all I've got now..
http://davidkrout.com/justified/ is my attempt with Justifiedgallery, which looks much better.
Although, I'll have to try that way to get the margins off.
I'll probably switch back to justified and "move on" until there is a way I can sort. I just want to get rid of my "dummy images".
Best of luck to you Mr. Miromannino! I'll keep an eye out. :)
from justified-gallery.
@robhadfield I think he might have fixed it in the JS file, I just redownloaded everything. I just changed margins : 1, to margins : 0, at the start, which I'm sure I would have done the first time, since I did edit a lot.. That fixed everything!
I still hope @miromannino works on the filter / sorting bit, but I'll just keep supporting the product and using it regardless, since he seems interested in his consumers, which is always an amazing sign.
I'd like to talk about donating a bit, but that will have to happen when I get a job. :/
from justified-gallery.
Thanks all for your help and your ideas. This feature will be available in 3.6 (and you can try it in 3.6 branch now, but without documentation for now).
If this project is useful for you and since I'm working on it for free during my midnights, please take few minutes to contribute to this project in some way. Star this project on github, share it, or recognise my work adding me on LinkedIn (Miro Mannino) to endorse me some skills, to leave me a positive comment, or just to connect each other in case of future projects together. Thank you
from justified-gallery.
No problem at all Miro - I've sent you a connection request. Thanks.
from justified-gallery.
Are wise people like you that make people truly happy, and keep the technology to go forward. Thank you Rob
from justified-gallery.
from justified-gallery.
Thanks Miro for this great new functions.
I tested the filtering and it works great. The only thing, that I didn't like, is the reordering of the images using a filter and than go back to no-filter. The previously filtered images are at the end of the grid after going back to no-filter.
Hope you can change this, so the images are in the order as they are on page load.
Thanks
Thomas
from justified-gallery.
@tmconnect now it work without the problem you mentioned.
Thanks
Miro
from justified-gallery.
Related Issues (20)
- Any Event which triggers after rendering of all the images in case of multiple sections ? HOT 3
- Create a vue component HOT 1
- JG blocks scrollTop()? HOT 1
- How can ı resize thumbnaıl with justifygallery
- plugin not working for fix width height container !
- Is it posibble to dynamically change the row height on page resize? HOT 1
- Borders and paddings for images HOT 29
- How to use in Angular 2+
- Error handling
- Lazy loading images HOT 1
- WebP support HOT 3
- Grammar: "Justified Gallery is a JavaScript library that allows you to create an high quality justified gallery of images."
- dist/css/justifiedGallery.min.css is not minified
- Lazyloaded images are not rendered on Firefox
- sizeRangeSuffixes doesn't work if the preview is embedded using base64 encoding
- Justify first instead of last row when odd number of images HOT 1
- Separate row height for smartphone/mobile devices HOT 4
- Many pictures are loaded but not shown.
- Multiple containers and jumping scroll position
- Is it possible to set breakpoints for different rowHeights? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from justified-gallery.