adijeff

Thanks Scott, v 1.9.1 gives no 502 errors, and the thumbnails appear fine. For reference, the generated code is:

<img src="//scontent.cdninstagram.com/hphotos-xpf1/t51.2885-15/s160x160/sh0.08/e35/12393624_1027999930577038_1127942759_n.jpg" alt="Behind the scenes from today's shoot" title="Behind the scenes from today's shoot" class="">

As you say, there are two extra forward slashes. Very strange.

Thanks for your efforts Scott.

Transients flushed, but still the same unfortunately. Here is the generated HTML of the first thumbnail:

<img src="////scontent.cdninstagram.com/s160x160/hphotos-xpf1/t51.2885-15/s640x640/sh0.08/e35/12393624_1027999930577038_1127942759_n.jpg" alt="Behind the scenes from today's shoot" title="Behind the scenes from today's shoot" class="">

It’s a client’s instagram: https://www.instagram.com/ollystabler/ and his site is https://www.ollystabler.com/ (see footer, right)

Ah, I didn’t notice the review date, sorry.

Instagram looks fine, it is getting the image from instagram that generates the 502 error. The errors show in the developer tools console:

GET https://scontent.cdninstagram.com/s160x160/… 502 (Bad Gateway)

There are no errors in the log file.

Thanks for your responses on this Hugh.

For info, I ended up using Flexible Posts Widget plugin to resolve this issue.

Nobody else want this?

OK, thanks Nick. I look forward to the next update.

I know this is quite old, but I am having the same issue. Adding an image caption causes the fallback image to be loaded, and jquery does not switch images.

I have 3 media query formats:
all w300 (fallback image)
(min-width:420px) w552
(min-width:890px) w930

My screen is wider than 89opx.

When no image caption is present, this is how an image is rendered:

<span data-picture="" data-alt="some-alt-text" class="alignnone" data-width="1377" data-height="909">
	<span data-src="https://website.com/slir/w300/wp-content/uploads/image.jpg" data-media="all"></span>
	<span data-src="https://website.com/slir/w552/wp-content/uploads/image.jpg" data-media="(min-width:420px)"></span>
	<noscript><img src="https://website.com/slir/w552/wp-content/uploads/image.jpg" class="alignnone" alt="some-alt-text" width="1377" height="909"></noscript>
	<span data-src="https://website.com/slir/w930/wp-content/uploads/2015/03/image.jpg" data-media="(min-width:890px)"></span>
	<img alt="Beni-and-Ioana" src="https://website.com/slir/w930/wp-content/uploads/image.jpg">
</span>

With caption:

<figure class="figure alignnone">
	<img src="https://website.com/slir/w300/wp-content/uploads/image.jpg" alt="some-alt-text" width="1377" height="909"><figcaption>
<span data-src="https://website.com/slir/w930/wp-content/uploads/image.jpg" data-media="(min-width:890px)"></span> Caption Text</figcaption></figure>

<figcaption>
	<span data-src="website.com/slir/w930/wp-content/uploads/image.jpg" data-media="(min-width:890px)"></span> 	Caption Text
</figcaption>

With caption, but without PB Responsive Images activated:

<figure class="figure alignnone">
	<img src="https://website.com/wp-content/uploads/image.jpg" alt="some-alt-text" width="1377" height="909">
	<figcaption>Caption Text</figcaption>
</figure>

Hi Hugh,

Thanks for the reply. The Sermon Manager plugin has lots of functionality built-in, like content types, various shortcodes and taxonomies, but as far as I can see, doesn’t allow for 2 separate feeds. I appreciate there is also quite a bit of overlap between the two plugins, but having more than one feed is the only reason for me trying to use SSP.

I think in hindsight I would have added the sermon content type and associated taxonomies myself, and just used SSP and ACF, but I thought sermon manager would be a useful short-cut to all that work. I have 13GB of mp3 files imported into the sermon manager content types, and am not really keen on messing with that content on a live site.

Any further thoughts welcome. Thanks.

Thanks for the response Hugh. I have achieved what I want using flexible posts widget, which seems to behave in this scenario.

Excellent – thanks

Hi DaveE,

Great plugin. I’ve got what I think is the same issue: all settings changed in the widget are not saved when the Page builder page is saved. Everything reverts to the default.

It would be great to be able to use this plugin within page builder.

Thanks adamrob. It must be extremely hard developing for such a wide range of devices, browsers, and themes. I am very grateful for your efforts with this plugin, and very interested in getting a usable solution with 2 moving planes.

I have added a little jquery to move the background position on devices over 600px wide thus:
$(document).scroll(function(){
if ($(window).width() > 600) {
yPos = -($( window ).scrollTop() / 20 )+50;
if ( yPos < 0 ) yPos = 0;
$(‘section.adamrob_parallax’).css(‘background-position’, ‘50% ‘+ yPos + ‘%’)
};
});

I am sure it would be better to use a fully css solution like this:
https://keithclark.co.uk/articles/pure-css-parallax-websites/ or this:
https://codepen.io/scottkellum/pen/bHEcA/ but I can’t get your markup to work using these techniques (mainly because the image is displayed as a css background-image).

Keep up the good work.

Thanks for the quick reply Adam. I think you should consider being clearer about what the effect is (background image remains static while the rest of the page scrolls).

I’ve done a fresh wordpress install, installed parallel scroll 1.4, turned on define(‘WP_DEBUG’, true) in wp-config.php and the output variable error is still there.

Here is the page:
https://parallax.definingdesign.co.uk/?page_id=6

Here is the error in the log file:
mod_fcgid: stderr: PHP Notice: Undefined variable: output in /var/www/vhosts/definingdesign.co.uk/parallax.definingdesign.co.uk/wp-content/plugins/adamrob-parallax-scroll/includes/adamrob-parralax-shortcode.php on line 197, referer: https://parallax.definingdesign.co.uk/wp-admin/edit.php?post_type=page