jonobr1 / diagonalfade Goto Github PK

on the demo page with FF4 the fade animation freeze when scrolling

Hi, this script looks amazing on the demo page!

I saw the last major commit was on May 4th 2011. Therefore I was wondering, did you have the chance to test it against for browser support on desktop and/or mobile lately? And at all?

Where there any performance issues on any platform?

I appreciate your response.

There seems to be a diagonal line that shows on the public facing page

I found the problem to be a background applied to the body

I am trying to follow your sample but can not get this script to work.
I am looking to have the div's fade in on page load...

I get this error, which breaks the script either by not showing the blocks at all, or it loads only some of them

Hello!
I've set up a really minimal scenario with a div holding a set of images, each with a "width" and "height" attribute defined in the html.
Whenever I try to run the function, I get the error above.

curiousdevice/sprawl_test/index2.html

I don't think that I'm missing anything, and I'm out of ideas. Hopefully some fresh eyes would help.

Thanks!
Daniel + Angela.

hi dude,
Thanks for your awsome plugins. Just used it and love it :)
Anyway, had some issues considering my container width/height, and same for my children's width/height.

I changed your code on line 49 :

// Abstract this to check all elements
var w = children[0].offsetWidth;
var h = children[0].offsetHeight;

// Calculate rows and Columns for our Matrix
var m = parseInt(ch / h);
var n = parseInt(cw / w);

By the following :

// Abstract this to check all elements
var w = $(children[0]).outerWidth(true);//take account of padding / margin
var h = $(children[0]).outerHeight(true);//take account of padding / margin

// Calculate rows and Columns for our Matrix
var n = Math.floor(cw / w);//take account of container over width
var m = Math.floor(ch / h);//take account of container over height

I'm using dynamic resize so my container width is not always equal of one row width.
Hope this cna helps other followers.
Cheers,
Bastien Besson