I cannot seem to figure out this issue with Views Slideshow 2.3 only happening in Safari and Chrome. When the first slide loads it loads a field (content:image) in the first slide and that field/image is incorrectly positioned. After the next slide transitions, the field (content:image) for the slides are then in the correct position, including the "first" slide that loaded when the slideshow comes back around to it or when you hover to go back to it on the slide pager.

It appears that every other field in the slides are correctly positioned, as well as everything else on the site too, so I'm not sure it's a CSS bug. If it is a CSS issue however, I cannot find it and it's not causing any other issues in FF or IE.

I've noticed that if I "disable" any CSS element on the page in the Developer tools in Chrome, it "fixes" the first slide's field content image position error, until you refresh the page of course, then the position returns.

If you view www.fruitfulnewmedia.com in Safari or Chrome, you should see the error in the slideshow on the first slide only until it transitions to the next slide.

Any ideas/solutions? Thanks in advance!

Comments

gainousz’s picture

Just to clarify, this is also ocurring in Firefox but the correct positioning is being "loaded" almost immediately after the page loads (within a split second or so) unlike in Safari and Chrome where the correct position isn't loading until after the first slide transitions. Don't know if this is a scripting error or CSS error or what. If anyone can help, I'd appreciate it. Thanks again.

lpalgarvio’s picture

sometimes i get issues on Chrome and Safari.
the slideshow does not render at all when it happens.
it does not happen always.

im using views slideshow, with a block visible on the homepage.

redndahead’s picture

@gainousz did you get this fixed? I'm looking at your site and I don't see an issue.

@LPCA do you have a site to look at?

lpalgarvio’s picture

2 sites. views slideshow in content top on the homepage.

[links removed] been a while, modules and sites have been upgrade. might post again if problem surfaces.

redndahead’s picture

It looks like you may need to force the width and height.

You can do this with advanced options

width:500
height:200

or whatever it should be for yours. Make sure there are no spaces between the : and the number

Gdvpixel’s picture

Hi have the same problem. Didi you solve it?
Where I can modify advanced options?

ClaesLillHagedorn’s picture

Gdvpixel’s picture

Nothing? It's an annoying problem..

redndahead’s picture

Status: Active » Closed (won't fix)

There is a section in the views slideshow settings that says advanced options. It's a big text area. Add it there.

tjtj’s picture

Issue summary: View changes

I added the width and height, and the slideshow still does not show on Safari, Chrome, and Opera.
This is on Drupal 7 and views slideshow 7.x-3.1+4-dev. Help!