Code

Discussion on MagicWall - Responsive Image Grid

Discussion on MagicWall - Responsive Image Grid

By
Cart 744 sales

nitrox does not currently provide support for this item.

95 comments found.

Hello, I found a bug.

When the filename have whitespace doesn´t work.

Hello tomcarvalho, I am pretty sure this is not a bug but could you please send me the URL to the online page? I am curious to know what caused the problem.

Try to avoid white-spaces when you name your files and use an underscore or a dash instead.

I would pay as twice as much if there is dynamic content update (a user has come or left), an expandable onclick area (with user info and other stuff) and dynamic grid size (there’re only 2 users online) :P

Yes please. Generates a <p></p> who breaks the page. Waiting you update. Thanks for this great script!

Fixed! Just create a line before line 104 and add this code:

el.style.margin = 0;

King Regards!

Thanks for sharing your solution, you can also (as an alternative) add this after line 108:
el.remove();

Hey there,

there is a small issue with your script: It generates an unwanted <p></p> at the bottom of the page where the magicwall is embedded. :) If I remove the magicwall.js from my site, the <p></p> is also gone.

You can see this also in your demo pages.

Help would be appreciated! Thanks, Joe

Hello das-joe, thanks for your feedback. This issue is fixed in v 1.0.2 (The update will be available in 1-2 days)

add/remove method would be great!

I agree with you ;)

Hey there, can all items have their own HTML? I’ve a news site and I’d like to use this as a summary page and I want all pictures to be clickable seperately?

Sure, see example 6. Each item can have its own HTML content.

Hello nitrox! 1) Is there any way one can dynamically add/remove items? 2) What if there’re hundreds, maybe thousands of DOM items? Wouldn’t that be way too slow? 3) Could there be a possibility to add an expandable box on click a-la album view in iTunes 11?

Not at the moment, but perhaps in a future update. Regarding the number of items, I don’t think the performance will be heavily affected as each item will not load the thumbnail image until it’s visible.

Hello, have you in plan to implement this in a wordpress plugin? Regards

oh great! got a idea when u gonna publish it? :-)

I can’t tell an exact date but follow me and when the WP version is released, you will see it right on the front page :)

ok thx! you do excellent work

Sir i am having trouble implementing hover function,the images are not showing.The whole thing is displaying black

Please check the documentation, example 6.

Hi, How to add multiple wall on same page? Possible?

Yes. Gotya :)

Thanks nitrox. it Works!

You are welcome :)

Azay w amta nzlt elmalaf da? :D

zy el nas :)

Nicely done!

Thank you MyronNet, please let me know if you need help with anything.

Hello I’m interested by your script with hover founction. Is it possible to fixed an image to the wall center for exemple. i’d use this script for an intro website and place a fixed image on the center to enter on the website.

Thank you

Hello Timoon,

Yes, you can achieve this by using a fixed size grid (say 5×5 items) and adding class .fixed to the 8th element in the grid. (Check the docs, example 4)

Great ;) Thank you

Can’t see your example doesn’t work- can u fix so I can view it be4 I buy?

Thanks, RS

Hello RS,

Please make sure that your browser is not outdated and try this link: http://teefouad.com/plugins/magicwall/index.html

thxs

Great feature. Can I add some html/text to the context of the box?

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey