refael_b

Hi Mikel, I have just tried it ... codepen seem to behave the same or am i doing something wrong ?

Mikel , thank you so much! I really appreciate your help! I already went and wrote a whole bunch of javascript to wrap and unwrap the items with the "object-row" depending on the screen size. I will take a look again at your solution which I believe could be great!!! While writing the javascript I was thinking how can it be that such a wonderful library as GSAP has no support for such an easy task! I wonder what other coder are using if not GSAP. I also think that GSAP can start support scroll? I mean we all use it with one scrolling library or another, I am seriously amazed! I learned GSAP with almost every example yet when getting into a "real world" project I got stuck. I will get back to you with the final solution if you are interested. And again, thank you so much!

Thank you again. I am frustrated. This is flexbox grid. The website is dynamic (php & mysql) so it can be 10 items or 9 items. mobile view it should have 1 item per row and stagger works great. ipad view it should have 2 items and desktop view 3 items. 3 items is max per row. How can one resolve this? I would appreciate an example.

Speaking as a designer and a programmer I find this totally useless. I have to close the "object-row" on every 3 items (photos) that means I cannot have 2 items in a row and the 3rd item will take a separate row (one item will be left on the entire row). I guess the "stagger" should no be limited in that way as it has no point in real world beside having just one item.

Thank you so much. This is what I did. I am still not happy with the fact that the first two row now showing without a delay when the window viewport containing the the first rows. In my way it should start with the first row .... first image .... end the row and the 3 images and then start the second row etc... https://codepen.io/IlanL/pen/oKBEaY

Hi Pointc thank you so much! I’m nit sure I understand. This is flexbox row. Do you mean I have to create an “object-box” for each ? Will it make any difference? Can you maybe explain or edit my codepen?

Hi Guys, I would appreciate any help.... This is something very simple using GSAP and ScrollMagic. For some reason the delay is not working. The first row of images are being revealed all together. I am trying to add a slight delay ... each row reveals 3 images where each image in each row revealed with a slight delay. Any help?