Goldinteractive / jQuery.GI.TheWall.js

This plugin could be used to create easily an image gallery similar to the google image search
http://goldinteractive.github.io/jQuery.GI.TheWall.js
MIT License
135 stars 27 forks source link

responsive height #20

Open c2mrdale opened 8 years ago

c2mrdale commented 8 years ago

I would love for this script to resize the expanded area (to accomodate content height) when screen is resized, or orientation change is made on mobile devices.

Gangedm commented 8 years ago

Am facing same issues. When i show hidden content in expander then height not getting increased am per my contents.

chandankarpankaj commented 8 years ago

Hi @Gangedm @c2mrdale, I was facing the same issue while adding/removing/showing component on expander grid. I changed library source code and written API method. This need to get called after every client event.

`/**

in jQuery.GI.TheWall.js added snippet above statement _init.call(this);

_TheWall = function ($el, myOptions) { ... TODO place here init.call(this); return this; };

as wall is global object we can call this after any client action

wall.refreshExpander(); Above solution may or may not be the feasible solution but solving my current problem.

Also tried to auto-resize expander component by adding below in my local page script. But expander fading(hide) animation was not working as expected. $('.GI_TW_expander-inner').bind("DOMNodeInserted",function(){ //alert('inserted'); wall.refreshExpander(); }); $('.GI_TW_expander-inner').bind("DOMNodeRemoved",function(){ //alert('removed'); wall.refreshExpander(); });

Gangedm commented 8 years ago

Thank you @chandankarpankaj