BX Slider in Safari starts on bx-clone

[meandhim-josh]

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]

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

[patrickjackson]

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]

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]

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]

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

[ghost]

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

[puijob]

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

[piotrbox]

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.