Canvas Support

First slide not loading

10 replies · opened Mar 2, 2022

KKandid-designMar 2, 2022

I have used several slide galleries on a site. When you you visit a page, specifically which is uncached by you browser, the image only loads the second slide - so there is a gap in the meantime.

Is there a way of solving this?

Sample html:
<div class="fslider" data-arrows="false" data-thumbs="false" data-animation="fade">
<div class="flexslider">

							&lt;/div&gt;
						&lt;/div&gt;
			&lt;div class="container"&gt;
				
			&lt;div style="padding-top: 40px;"&gt;
				&lt;div class="row"&gt;
					&lt;!-- Portfolio Single Gallery
					============================================= --&gt;
					&lt;div class="col-sm-6"&gt;
						&lt;div class="col py-3 px-lg-5 border bg-light"&gt;
						&lt;div class="fslider" data-arrows="false" data-thumbs="false" data-animation="fade"&gt;
							&lt;div class="flexslider"&gt;
								&lt;div class="slider-wrap"&gt;
										&lt;div class="slide"&gt;

attachment
</div>
<div class="slide">
attachment
</div>
<div class="slide">
attachment
</div>
</div>
</div>
</div>
</div>
</div>
<!-- .portfolio-single-image end -->

SSemicolon WebSTAFFMar 3, 2022

Hello,

Apologies for the Inconveniences caused!

We have checked this out and we currently cannot se any issue either with the Codes or also the Slider in general. The first image loads correctly for us. It would be great if you can please provide with a Screenshot or a Screencast of the Issue so that we can look into it more closely. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

KKandid-designMar 3, 2022

Hi

Thanks for getting back to me. This 'pause' is happening when viewed on a Mac, using several browsers. I had thought there was a possibility it may be related to my host's cacheing (site ground)- but that wouldn't be the case if you are not seeing this issue.

I'm going to upload some screen-grabs taken on page load.

Any suggestions would be great.

SSemicolon WebSTAFFMar 6, 2022

Hello,

Thanks for your Patience!

We have your Website using Macs and Windows devices but both were working fine. We were wondering if you have some screencast available for this so that we can continue checking this issue. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

KKandid-designMar 7, 2022

Hi

Thanks for getting back to me. I've run a few checks across a variety of platforms. Site is fine on my PC and on Android tablets and phones. The delay in happening on a Mac (new, with M1 chip, running 12.2.1 OS) in Safari, Chrome and Firefox (latest versions) and on iPads with latest OS (not loading at all on an old iPad, but we won't worry about that).

Once the browser has cached the page everything is fine, but bad first impression.

I've recorded the issue for you:
https://youtu.be/vkKUwvKfdqg

Would appreciate any assistance.
Brian

SSemicolon WebSTAFFMar 9, 2022

Hello,

Thanks for your Kind Patience.

We are still checking this and preparing fixes. Please allow us some time while we look into this and get back to you. You can expect a reply from us within the next 24 hours.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

KKandid-designApr 25, 2022

I don't seem to have had any feedback on my issue. Can you address please?

SSemicolon WebSTAFFApr 27, 2022

Hello,

We really really Apologize about the Delays in replying to your Support Query!

Please consider using the following JS Code at the bottom of the Page:
[ch_pre type="js"]window.onload = () => {
setTimeout( () => {
jQuery('.flexslider .slide').resize();
}, 500);
};[/ch_pre]

Let us know if this code fixes the issue for you.

KKandid-designApr 27, 2022

That seems to be working - thanks so much!

SSemicolon WebSTAFFApr 27, 2022

Glad the issues were resolved.

Please do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard