SAM

Its working now. Thanks ??

Thanks @tmmbecker. That indeed solved the problem.

Updated the /modules/lazy-images/js/lazy-images.js & _inc/build/lazy-images/js/lazy-images.min.js and voila!

Awaiting for official release ??

I really wish, I could investigate deep but I’m not very conversational with the backend codes but it seems lazy load after processing the image marks a flag.

After processing the image, by tagging class as “jetpack-lazy-image–handled” & “data-lazy-src” Jetpack seems to identify the image has been processed. Once the view port changes, the script is rerun for next iterations and it seems to skip all entries marked as “data-lazy-src=1”. When we return to same viewport with image already loaded, “data-lazy-src=1” is set, hence the image processing is skipped but due to previous run the src is now 1 “src=1”. It tries to process “src=1”, which obviously is Image not found, it adds another html parameter “scale=0”.

It affects only the tag and not the javascript, which already loaded on the system.

All in all, a hypothesis.

Firefox, Developer shows below:
Before:

		<div class="post-thumbnail">
			<a href="https://blog.avxio.com/2016/11/19/music-to-the-ears/">
				<img src="https://i2.wp.com/farm6.staticflickr.com/5468/30738742760_5c42c7d4cf_b.jpg?resize=880%2C312&ssl=1&crop=1" title="Music to the ears" class="attachment-dara-featured-image wp-post-image jetpack-lazy-image--handled" data-lazy-src="1"><noscript><img src="https://i2.wp.com/farm6.staticflickr.com/5468/30738742760_5c42c7d4cf_b.jpg?resize=880%2C312&ssl=1&crop=1" title="Music to the ears" class="attachment-dara-featured-image wp-post-image" /></noscript>			</a>
		</div>

After

		<div class="post-thumbnail">
			<a href="https://blog.avxio.com/2016/11/19/music-to-the-ears/">
				<img src="1" title="Music to the ears" class="attachment-dara-featured-image wp-post-image jetpack-lazy-image--handled" data-lazy-src="1" scale="0"><noscript><img src="https://i2.wp.com/farm6.staticflickr.com/5468/30738742760_5c42c7d4cf_b.jpg?resize=880%2C312&ssl=1&crop=1" title="Music to the ears" class="attachment-dara-featured-image wp-post-image" /></noscript>			</a>
		</div>

@tmmbecker It is indeed due to Lazy load option of Jetpack. Both theme and Jetpack are supported by Automattic, so was a hunch for Jetpack to be issue. Didn’t need to change themes ??

Removed all caching options to be sure. Refreshed page. Image link still breaks. As is state confirmed.

Disabled Lazy load in Jetpack. Refreshed page. Scrolled to load more. Scrolled up and image still persists (link doesn’t break). Tried 2 more times, just to be sure.

Reverted the settings and back to square one.

It all makes sense now. This is really something to do with theme implementation. It’s neither Twenty Fourteen nor Jetpack, it’s a usability feature for responsive themes to act this way. If widgets in footer are not showed then there is no point of having them. So Jetpack gives power to users to select to either view or click to scroll infinitely.

Thanks Jeremy for being patient with this and explaining it so simply.

I’ve deactivated the Jetpack Mobile Theme. I clicked the “Older Posts” link, the next page is fetched.
Clicked

After scrolling, I can see another “Older Posts”again
Older Posts after scrolling

I switched to Twenty Thirteen Theme, in which there was no “Older Posts” button, Jetpack was hiding it and triggering Infinite Scroll as expected.
Infinite Scroll, Twenty Thirteen

I disabled the Falcon caching. Cleared History and Website data from Settings. Still Infinite Scroll does not work on mobile (Chrome & Safari) but is fine on computer browser (tried Firefox, Chrome & Safari).

Screenshot

Wow Katsushi… You are putting in great effort. I really appreciate you. In 2 days, you’ve fixed Colorbox, Slimbox, Nivo Lightbox, Image Lightbox and Photoswipe. And looks like Photoswipe and Swipebox are not far away.

Thanks Jeremy for being patient and helpful.
I’m not sure if there is some caching done by the service but I do have Falcon caching thing installed (provided by Wordfence).
The below is the plugins currently active on my page.

• Akismet
• Bulk Actions Select All
• Easy FancyBox
• Flickr Photostream
• Google XML Sitemaps
• Jetpack by WordPress.com
• Polldaddy Polls & Ratings
• Wordfence Security
• WordPress Database Backup
• WordPress Importer
• wp-flickr-press

I’ve not listed inactive ones as I think, they will not be impacting if they are inactive unless install replaces some files in theme – which is unlikely. I’ve come to 2 major points in this discussion:

1. Twenty Thirteen is working with same setting but not Twenty Fourteen. So it could be the theme has some setting which is conflicting (a jquery conflict for versions?)
2. Twenty Fourteen is sensible

The 2nd point may not be true but I’m reaching to point where infinite scroll in mobile should actually not work for blogs with responsive theme and widgets which rearrange to bottom of screen. As the widgets resize to bottom of screen and then Jetpack Infinite scrolls, then there is no point of widgets and they could hardly be used until you scroll pages (& pages & pages till end). If the issue is a bug, it’s quite sensible one. But then how its working for you? :-/

I used Twenty Thirteen and installed all plugins used earlier and the widgets too. Seems to be working till now.

Switched to Twenty Fourteen and it stopped again. (It’s not mobile cache as the amount of refresh done, should be cleared by now).

Activated Twenty Thirteen, it works again…

Sorry for being verbose. I’m logging my steps so someone else doesn’t have to follow it.

Did a clean install of WordPress (hoping to resolve all issues whatsoever). Only had 3 plugins activated (actually installed only 3)

• Jetpack
• PollDaddy
• WordPress Importer
• Akismet

Default set of plugins (Recent Posts, Recent Comments, Archives, Categories & Meta). No luck for me.

Removed all plugins except

• Akismet
• Jetpack
• Wordfence

Removed all widgets, starts to work.

Tried widgets one by one
Added Archives widget to Primary Sidebar – Stops working
Recent Posts/Categories/Tag Cloud/Blog Subscriptions (Jetpack) – Same thing

No widgets – Starts to work again.

Removed Twenty Fourteen and reinstalled. Still Infinite Scroll doesn’t work.

Ah… Looks like it takes time to load. The first load took long time but subsequently worked fine.

I deleted my .htaccess file so that wordpress can create it’s own.

Changed permalinks to default and the subdirectory version showed up first page but did not scroll infinitely as setup. Even then, any other permalinks structure did not work.

Awesome!!! Thanks!!! Worked great…