vukhanhtruong / jquery-elastic-grid Goto Github PK

How can i change font size and color of label ? Download button style and Demo button style

Hi!
How can id add custom class ( for example name music) to src img child of og-fullimg div
similar like this :
< div class="og-fullimg">< div class="og-loading" style=" display: none; ">< img src="images/det/e1.jpg" class="music" style="display: inline;" >
in default not have class
Tanks !

When images sizes and mounts more then 50 site loadtime issue arrived please suggest loadmore how to manage in this code?

Is there any way to add Alt Tags to the images - I guess it would mean hacking the JS - anyone done it ?

Thanks, David

Hi,
Is any way Content values set through HTML? rather than setting in script initialization?
I have a project with PHP and need to do this as a loop so content values only get inside the html, any suggestions?

Thanks!

Any chance this can be ported into an angular directive? The JQuery gets the job done but it doesn't come close to becoming reusable like Angular would allow. And there's currently nothing as polished as this in the Angular world in terms of image grids.

I have added more description than what is in the demo, but the thumbnails are not displaying in the mobile view. Is there an css adjustment I can make to the container?

Hi

How to remove the all button and set active to one of the titles?

is it possible to add load more function to view large content.?

Adding a bower package and an angular.js directive.

They could be really useful for developping projects

Not sure if there's a conflict with this newer version of jQuery, but I'm having difficulty getting this to work at all. In my console I get the following errors:

"Uncaught SyntaxError: Unexpected token < elastic_grid.min.js:5"

"jQuery.Deferred exception: $(...).elastic_grid is not a function TypeError: $(...).elastic_grid is not a function
at HTMLDocument. (http://path/index2.html?chapter=2:318:33)
at j (http://path/js/jquery-3.1.0.min.js:2:29568)
at k (http:/path/js/jquery-3.1.0.min.js:2:29882) undefined

jquery-3.1.0.min.js:2"

and

"jquery-3.1.0.min.js:2 Uncaught TypeError: $(...).elastic_grid is not a function(anonymous function) @ index2.html?chapter=2:318j @ jquery-3.1.0.min.js:2k @ jquery-3.1.0.min.js:2

Any assistance you can provide would be greatly appreciated.

~Laura

Hi,
youtube video are supported in the demo responsive but whe i download the project youtube or vimeo videos doesn't work.
Is there a solution?
Best Regards;

First I just want to say wow - this code is very well done and your script works perfect!

I would like to use it for a school project in which I also need to use video (specifically from vimeo), it would be great to be able to use the script. Is there any way to do this already?

Not in all cases after a filter is applied we want the effect of scrollTop. By the case, we have a fixed menu (boostrap navbar-fixed-top). When the scrollTop goes, the filters get blocked by the menu.

I think it's easy to fix by adding some config variable and testing it in

porfolio_filter.find('a').bind('click',function(e){

.....

if(config.scrollTopOnFilter) $body.animate( { scrollTop : $this.offset().top }, settings.speed );

Thanks for this great plugin! When using it with Safari on the iPad (newest iOS), clicking on a thumb opens the corresponding item, but then it closes immediately. This only happens when jquery-elastic-grid is enclosed in an iframe, and only when in an iframe on Safari/iOS.

Can you suggest workarounds/fixes?Thank you for any help.

If a tag has more than 2 words, or more specifically more than 1 white spaces, then filter doesn't work.

The problem is about using javascript replace, that only change the first instance (https://www.w3schools.com/jsref/jsref_replace.asp)

To fix this you can change all instance of replace(' ','-') to replace(/ /g,'-')

here: // Looping though all the li items: -> items.each -> elem.addClass(...)
here: porfolio_filter.find('a').bind('click',function(e){ -> var filterVal = ....
and here: function createList(text){ -> var filter = text.....

Hi,

I'm having a js issue with the screen jumping when a portfolio image is expanded. It works fine with the initial window load, but when I change the tab or filter again and again, the calculated offset values are coming wrong and jumping too far down to where the top of the content box is cut off.
Tried to adjust files to find solution with no success. Any help you can give is appreciated. Thank you!