Joomla Templates Club 406,261 posts

[techspecx Friend techspecxJoin date: July 2012Posts: 16Downloads:2Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#179250

Hello,

Thank you for your hard work in making this template a reality.

The concern I am having is that there are several blocks of white space when scrolling through he page when viewing the images. See screen shot. I have tried it on different browsers and I still get the same results.

Your answer is appreciated in how I could remedy this situation. Do I need to change settings in the plugins? I have tried to change them in the JA System Lazyload Plugin but still I am getting the white space between images when I scroll in my browsers.

picnect.com

Thank you.

Regards,
Karma Rob

---

Attachments:

1. 

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#461521

Try reducing the amount of articles to load. It’s loading too many at one time and the white space is there because of hmmm.. a bug in the way image view is being handled. The white space is actually the text space that the previous articles possess and when the loading lags and continues to load the next set before the previous set is loaded, they then fail to resize the articles dimensions in time and result in leftover white space.

If you get it to load progressively since lazyload is enabled for your site, I would say.. 10 or 20 items per load should resolve your problem. Lazyload in conjunction with Pager would then continue loading until the page is filled.

1 user says Thank You to arucardx for this useful post

1. techspecx

[techspecx Friend techspecxJoin date: July 2012Posts: 16Downloads:2Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#461548

<em>@arucardx 330872 wrote:</em><blockquote>Try reducing the amount of articles to load. It’s loading too many at one time and the white space is there because of hmmm.. a bug in the way image view is being handled. The white space is actually the text space that the previous articles possess and when the loading lags and continues to load the next set before the previous set is loaded, they then fail to resize the articles dimensions in time and result in leftover white space.

If you get it to load progressively since lazyload is enabled for your site, I would say.. 10 or 20 items per load should resolve your problem. Lazyload in conjunction with Pager would then continue loading until the page is filled.</blockquote>

Here are my settings:

Lazyload min-width – 100
Failure Limit – 20
Sensitivity – 200
Using Effects – fade in
Load Invisible Images – No

I don’t know if it is a caching issue or lazyload is being lazy.

We’ll see what support says but thank you for your reply.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#461591

Hi techspecx,

It would be terrific if you can provide link and access information to me via pm.
It seems there is a javascript issue and cause the masonry javascript plugin can not run properly.

Have you make change anything? What browser you are using?

Please try to apply this attachment file to /templates/ja_wall/js and check if it fixed your issue or not.

Hope it helps.

Regards

---

Attachments:

1. wall.zip

1 user says Thank You to Wall Crasher for this useful post

1. techspecx

[techspecx Friend techspecxJoin date: July 2012Posts: 16Downloads:2Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#461635

<em>@Wall Crasher 330957 wrote:</em><blockquote>Hi techspecx,

It would be terrific if you can provide link and access information to me via pm.
It seems there is a javascript issue and cause the masonry javascript plugin can not run properly.

Have you make change anything? What browser you are using?

Please try to apply this attachment file to /templates/ja_wall/js and check if it fixed your issue or not.

Hope it helps.

Regards</blockquote>

Sending PM will apply patch this evening. Thanks for your response.

[techspecx Friend techspecxJoin date: July 2012Posts: 16Downloads:2Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#461637

<em>@Wall Crasher 330957 wrote:</em><blockquote>Hi techspecx,

Please try to apply this attachment file to /templates/ja_wall/js and check if it fixed your issue or not.

Hope it helps.

Regards</blockquote>

Okay have applied patch and the results are below:

I checked a majority of my categories and it appears that the white space is gone on most but remain on a few. I list a couple for example:

http://picnect.com/index.php/glamour
http://picnect.com/index.php/karma

Browser – Firefox 14.0.1

The images still load on top of one another in the beginning and a few images sit in a loading state. If you click on one of the re-size buttons and press F5 to reload the page it resolves that issue.

So if we could code in an array where it cycles through the resizes or something that would adjust them from small to big and then back to the global config size and refresh at the same time, we should be good to go.

I check the page loads with all major browsers – the latest versions nothing earlier. Firefox, IE, Opera, etc.

Plus it is very cool the message you have when there is no more images to load – LOVE IT! 🙂

Okay lets keep in touch on this – this is a dynamic template and thank you very much for it.

Thanks for your response.

Regards,
Karma Rob

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#461674

Hi techspecx,

<blockquote>The images still load on top of one another in the beginning and a few images sit in a loading state</blockquote>
This issue is hard to solve since you are using most article from instagram and all of them have external source.
You can choose an option that save the image to your server and let the lazyload work.

There is some small white space because the external source is missing or error. The browser can not get those image and cause the white space (a small space).

I have apply some fixes. Please check again your site.

Regards

[techspecx Friend techspecxJoin date: July 2012Posts: 16Downloads:2Uploads:2 Thanks: 6 Thanked: 1 times in 1 posts]

#462871

Sorry for the delay – everything is great – will experiment more later. Thanks and keep making beautiful products! Remember to take time for yourself though – meditate and relax – ~peace~

[Author]

Posts