Phil Ewels

What you hadn’t seen was that I got an email from wordpress before this issue alerting me to the problem and explaining that it had been disabled. I replied to that last night asking for it to be re-reviewed, so hopefully it’ll be approved soon.

I’m not sure how Jetpack works, but I assume it’ll be related.

Version 1.13 with this fix just released. Hopefully that solves the problem. Thanks both!

Thank you! Apologies for the slow response, this had the perfect storm of being Christmas + paternity leave. Merged, will push a release ASAP.

Interesting! So if you had say, six – or ten – images in your carousel, you’d inject a new link tag for each one into the head of the document?

Yup!

You can just leave the CPT post title blank I think, then the title will not be shown.

The markup is taken from the bootstrap docs, so I would prefer not to move the elements around.

Thanks for the pointers / suggestions! If you fancy having a stab at any of this then the code is all open on GitHub.

Thanks,

Phil

Hi @grflukas – thanks for the suggestions. Contributions are welcome via GitHub!

Phil

Hi @michael1999,

You’ve pretty much answered your own question here. You just need to customise that CSS and save it – see https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

You only need to overwrite what you want to change, so just the width and height. For example:

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    width: 60px;
    height: 60px;
}

I’m not sure why this post is marked [NSFW]? ??

Phil

Please see the FAQ: Can I insert the carousel into a WordPress template instead of a page?

Basically, put this into your template PHP file where you would like the carousel:

echo do_shortcode('[image-carousel]');

Hi @bnikkhah,

I’m afraid not. Of course you can stitch them together and upload them as a single image, but I guess that this is not what you’re going for ??

Phil

ps. “Strange sounding” problems like this is are nearly always caused by some kind of conflict with other WordPress plugins. So the first thing I would try would be to disable all other plugins and see if you get the same behaviour. You can also try switching themes to see if it’s some kind of conflict with the theme.

Hi @snippet24,

You should be able to use the native Bootstrap javascript functions to do this. I would use one of the Bootstrap event listeners to trigger some code each time the slide moves. You could then inspect the active slide (which will have an .active class) and see if it contains a YouTube video code. If so you can then pause the carousel and call whatever YouTube javascript functions you need to autoplay the video.

Good luck!

Phil

Hi @goldfishdancer,

This sounds odd – I’ve not seen or heard of this behaviour happening before. Do you think that you could attach some screenshots of the admin pages and maybe some HTML snippets too so that I can see some more detail please?

Thanks,

Phil

Hmm, this should be possible with the relatively new feature of prefetching images in the HTML header I think.. See https://css-tricks.com/prefetching-preloading-prebrowsing/#prefetching

So shouldn’t be too difficult to implement and inject this into wp_head() on pages showing a carousel, I think.

Want to have a go? The plugin is open source: https://github.com/ewels/CPT-Bootstrap-Carousel

Phil

Yes, I think that this interface was never ideal and has become even more problematic with the new WordPress editor interface (as I remember it, I configured the old editor to move the excerpt to the top of the page so it was a little more intuitive..)

It could be good to rethink the whole excerpt thing now. I think this was originally to ensure that the text was unformatted? I wrote that code a loooong time ago now though so I’m not sure. Can you think of any reason why not to use use the page content now?

Nice! Yes that would be a great addition. If you’ve already got it working, would you mind submitting your code as a pull-request to the plugin please? It’s on GitHub here: https://github.com/ewels/CPT-Bootstrap-Carousel

Cheers,

Phil