I have setup flex slider on the front page of http://virtuallearningservices.in and have a curious problem. With browser cache flushed the slider images do not load in FF, Chrome and Opera. However images load in IE9.

If I leave the page and return to the front page the slider works in FF, Chrome and Opera

Any pointers will be highly appreciated.

Comments

bcobin’s picture

Seeing the same behavior, more or less - save that slider now doesn't load in Firefox.

Seems like things were OK until I started building some panels (on internal pages) - could this be a clue? Odd...

UPDATE: Never mind. I enabled jCaption but hadn't set it up yet. In trying to create captions on (presumably) all images, the browsers evidently freaked. Sorry...

minorOffense’s picture

Status: Active » Postponed (maintainer needs more info)

I don't know. I haven't heard of this issue before.

Verify the version of the flexslider library that you're using. Also posting details on how you're displaying the slider would help.

gmasky’s picture

I am using the 2.1 version of flexslider in libraries folder.

I have a slideshow content type with an image field.

I have setup a slideshow optionset in Configuration » Media » Flexslider with default settings except for the slideshow image style. I then used views to create a block Format: Flexslider, Optionset:Slideshow In Fields Slideshow image with image formatter.

if I go to the front page the image does not load in FF, Chrome and Opera but loads in IE9 If I leave the page and return to the front page or click on the website logo the slideshow image appears. If I reload the page the image disappears.

gmasky’s picture

In the optionset I created , I changed Animation from Slide to Fade and the slider now loads

Jens Peter’s picture

I just updated to FlixiSlider 7.2 in a try to solve this issue.
I had before that 7.1 version installed.
My problem it that the slide do not show in Google Chrome but fine in Internet Explore (both newest versions).
If I look I can see it is being loaded to the page and that the CSS is set correctly to show the active content but still it do not show up.
Any one that can help?

gmasky’s picture

In the optionset Configuration » Media » Flexslider Which animation are you using Slide or Fade.

My problem got resolved after I changed animation to Fade from slide.

Jens Peter’s picture

Yes, I did try that and even tried to set it to Slide and then back to Fade and played around with the other settings.
I use the FlexiSlider in a View and in the View settings I have also tried different slide animations.
The result is the same. It is only visible in Internet Explore.

minorOffense’s picture

Can you make sure it's not a CSS issue? Check if the slider is at least rendered to the page and perhaps active but not visible (use Firebug of the Chrome Dev Tools to find out).

Jens Peter’s picture

Sorry for getting back late. It was different CSS issues that somehow got mixed up.
After resetting and doing it again it works fine. Didn't find the reason for the error but have it solved now.

DrupalHack’s picture

Same. Images didn't load at all in Chrome and only on browser refresh in Firefox.
The issue for me was the"Smooth height" setting. It wasn't firing and the css height property stayed at 0.
It's a shame, it's a really sexy well rendered effect.
I'm using jquery 1.7 served by jquery update.

edvanleeuwen’s picture

I have the same issue. Tried the suggestions given above, without success.

I have a slider containing 5 images. When the image is not displayed, I notice that there is an error with the following image:

Warning: session_start(): Cannot send session cache limiter - headers already sent

This only happens after loading Chrome. When I refresh the page, everything is fine. Clearing caches does not affect the situation in my case.

UPDATE:
It seems that it has something to do with referring to images with and without the prefix www. I have changed every URL call to an absolute URL without the domain.

Before I had http://www.example.com/image1.jpg and http://example.com/image2.jpg. When I called the website with www.example.com the images without the www were not shown initially (but the were after a refresh). I now have both images as /image1.jpg and image2.jpg and everything is find.

Perhaps this can be solved by adjusting the RewriteCond/Rule in htaccess to redirect everything to one place.

edvanleeuwen’s picture

Issue summary: View changes
Status: Postponed (maintainer needs more info) » Needs review

I think I have solved this by using the htaccess file.

There is a section which does the redirect:

 # If your site can be accessed both with and without the 'www.' prefix, you
  # can use one of the following settings to redirect users to your preferred
  # URL, either WITH or WITHOUT the 'www.' prefix. Choose ONLY one option:

Choose one to your liking. If you have chosen one, all redirections will force it to the correct place, even if you have added www or not.

philabama’s picture

I had the issue where sliders weren't appearing upon refresh. Disabling "smooth height" per DrupalHack fixed it. Thank you!

amaria’s picture

Status: Needs review » Closed (works as designed)