Empty Image Slide

HTML & CSS
1

Hi, I have an empty image that comes in after the slides finish
I have a total of 3 but an empty one come in after.
The image carousel is the one at 1168px. of viewport Site

does it have to do with this CSS?

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

animation: 25s slidy infinite;
2

I’m not seeing that…I’m just seeing the three and it scrolls fine. Only time I see a blank is sometimes when I move to a different window and come back, it might flash white but it’s for a second max…

3

what? in mine it shows an empty white slide.

1149Ă—599 12.2 KB

4

Nope - I don’t see that at all…

Perhaps it’s a browser/OS issue?

5

So after you see the last slide come in it goes right
to the next one on your end?

6

I see these three slides

  1. The family
  2. The dentist with the blurry people behind
  3. The Preferred Sonic Ad

When it gets done with #3, it goes back to #1

7

I don’t see an empty slide either. Website looks great.

8

WEIRD its doing it all my browsers and I also
cleared my cache but it still shows…

without any hesitation?

9

I’m confused. To what element does this CSS belong? Obviously not to the carousel, since this CSS animates something using CSS, and your carousel is driven with JavaScript!

Anyway, like others, I do not see a blank slide. On which platform/browser combination are you seeing this? I am looking on OS 10.10.5 (OS X Yosemite) on Safari version 9.0. I am seeing some LESS coding errors in my console, and there is a warning banner that appears at the top of your page saying “A problem occurred with this web page so it was reloaded.” Not sure what is causing that.

10

it belongs to:

  <!-- Carousel Responsive
    ================================================== -->
    <div id="captioned-gallery">
	<figure class="slider">
		<figure>
			<img src="images/pd_main_responsive.png" alt="">
			<figcaption class="res-slide-title">Preferred Dentist assists you in finding the best Dentist. <a href="yourpractice.html"><button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>  List You Practice Here</button></a></figcaption>
            
		</figure>
		<figure>
			<img src="images/pd_dentist_slide_resp.png" alt>
			<figcaption class="res-slide-title">Are You a Dentist?&nbsp;<a href="yourpractice.html"><button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>  List You Practice Here</button></a></figcaption>
		</figure>
		<figure>
			<img src="images/fallbanner-res.png" alt>
			<figcaption class="res-slide-title">Fall in Love With Your Smile.<a target="_blank" href="http://www.amazon.com/s?marketplaceID=ATVPDKIKX0DER&me=A31FG9U13QTNPM&merchant=A31FG9U13QTNPM&redirect=true"><button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>  Order Here</button></a></figcaption>
		</figure>
	</figure>
</div><!-- /.carousel responsive end -->

Windows 9 all latest browsers

11

You must have the only copy of Windows 9 since Microsoft skipped that version. Everyone else has 7, 8 or 10 (which are the latest three versions).

2 Likes
12

Nevermind I was wrong its Windows 8

13

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.