Slider problem

Hi, these slideshows look fine to me, what exactly is the problem?

I see the issue and I’m having the same problem — it’s as if the bottom half of the image disappears or is somehow masked during the transition. My slideshow is doing that same thing, and even more strange is that it just started today, right after I added a couple new slides.

On mine, it happens only on the first image, but it happens every time that image comes around. The bottom part of the image just seems to “disappear.” Please see link to in-progress site here:
my sandbox site

I’m using Firefox 35 on Mac OS 10.10 if it matters. Doesn’t seem to happen in Safari. @gbrillproducts, yours looks OK in Safari as well.

@singer74 I’m not seeing that on my end, but the slideshow is stuttering a bit. I wonder if it wouldn’t transition better if the images were more consistent, all sized to fit the slideshow exactly. Then they aren’t scaling and transitioning at the same time.

The first thing I would try is sizing your first slide image to exactly 1600×440, and saving it as a JPG, this will be a smaller file size, and sometimes PNGs can render strangely depending on the specific format.

I wondered if it was something like that, because the dimensions of the last couple of images I added are completely different from the actual slideshow size. I’ll dig out my originals and resize them correctly as JPGs and let you know what happens.

Hmmm. Unfortunately I’m still having the same problem…. on some, but not all, of my slides the bottom half of the image is cut off during the transition. As you suggested I have resized my images so they do not scale themselves, and also saved the logo slide as a JPG instead of PNG.

Yea, I can see this now in FireFox. That’s very strange, the images and the slideshow are set to 480px high, but for some reason the slideshow is resizing to 440px, and that is causing some issues. Sometimes it also helps to play with the speed settings a bit, 1 seconds is a pretty low duration and a fast speed for the scroll transitions.

I did notice that the content and sidebar below the slideshow are floating in their container but there are not clears for those floats so the container is collapsing and maybe causing those to ride up higher than they should. You can update the footer rules like this in your stylesheet to fix that:

#footer {
    clear: both;
    float: none;
    width: 100%;
}

If you want to send me a login for your site I can take a closer look at the transition issues.

OK….. It appears to be something with specific slides in the order, rather than images themselves. I originally was running 7 slides and slides 3 and 4 were the ones being cut off.
I changed the footer css as you suggested and also upped the transition speed to 2 secs instead of 1. No effect. Then I disabled all but the 2 slides that were giving me trouble. I deleted the featured image for each, then re-uploaded new images and reattached to their respective slides. Then I changed the Slideshow Quantity to 2 (in slideshow settings). They both worked fine.
As soon as I re-enabled a 3rd slide, the problem appeared again, on slide 3.
I then double-checked the slideshow settings and verified that “Slideshow Quantity” is set to 3 slides. I don’t know what to think since some of the slides display fine and others don’t. That would tempt me to rule out any issues with CSS or admin settings. Could this be a jQuery thing?

I don’t think this has anything to do with JavaScript, but I don’t see anything in your CSS that could be causing this. It could be a plugin conflict, did you deactivate your other plugins and test the slideshow?

No, I didn’t try disabling plugins because I was afraid of losing all their settings and causing more problems. Guess I might have to try it.

UPDATE: Haha… I had 4 slides running, with slide number 4 getting cut off. I deactivated my NextGen Gallery plugin and slide 4 was OK, but then slide 2 started getting cut off. Perhaps my jQuery theory was on the right track.

OK, I finally got around to disabling ALL other plugins. I also set the theme back to the default (twentyfourteen). I regret to say that the problem still exists…. You can see here, slides 2, 3, and 4.
I’m in the process of taking some screenshots of the admin settings too.

Here are the admin screenshots:

Slides

Slideshows

Slides Settings

Thanks for the extra info, I’m trying to recreate this issue so I can get to the bottom of it.