search

stevenwanderski / bxslider-3

jQuery custom content slider
http://bxslider.com
447 stars 101 forks source link

BX Slider in Safari starts on bx-clone #212

Open meandhim-josh opened 11 years ago

meandhim-josh commented 11 years ago

As above, when using the slider in safari on a desktop. The first slide shown is the bx-clone. And therefore is showing the wrong slide first. Even with start slide set to 0.

Does anyone else have this issue/ found a fix?

Thanks

soonairbourne commented 11 years ago

I have the same issue on safari. I am running the latest versions on osx 10.8.4

patrickjackson commented 11 years ago

This happens with videos, too. It can bee seen in the demo http://bxslider.com/examples/video. Safari starts on the second slide (the image) rather than the Vimeo video.

soonairbourne commented 11 years ago

it doesnt seem to skip the slide when more than one img or video embed is in each slide (in safari)... try this site I created with it. http://mattgraif.com here is one where i just used images... http://logosbymatt.com

So... I just did an experiment and added another tag. I just used paragraph tags and added it to every slide and guess what! It starts on the first slide! Crude but effective.

ghost commented 11 years ago

Same bug here with Safari 6.0.5. I think I've found a simple workaround : hide the bx-clone image with CSS :

.bx-clone { display: none; }

bradhussey commented 10 years ago

@Vincent87 - your fix worked perfect for me! Thanks.

ghost commented 10 years ago

@Vincent87 - Great Fix. I was thinking the same thing but i wasn't sure it worked. Anyway now is working perfectly :D

puijob commented 10 years ago

You can't use this fix if you're going for the slide effect with an infinite loop.

piotrbox commented 9 years ago

I think I found a fix for the CSS fix.

Just use jQuery callback when declering options of the slider:

onSlideBefore: function($slideElement, oldIndex, newIndex){ $(".bx-clone").show(); }

this way You initially hide the bx-clone, and than show it when needed. works on my place.