float slides render bad until the slider is initialized about lightslider HOT 3 CLOSED

Hi,
I am busy with some other projects and don't have much time to work on this project..
for current use you can just modify lightSlider.js

line number 13

onSliderLoad: function ($el) {},

line number 246

settings.onSliderLoad.call(this, $el);

$('#lightSlider').lightSlider({
    onSliderLoad: function(el) {
        $(el).removeClass('cS-hidden');
    }     
});

from lightslider.

Hi,

For the demo website i am using the following method..
Add .cS-hidden class to the ul and remove it once the slider is fully loaded.
.cS-hidden class is included in the lightSlider.css but it is not documented..

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

<ul id="lightSlider" class="cS-hidden">
    <li>Slide 1</li>
    <li>Slide 2</li>
    .....
</ul

$('#lightSlider').lightSlider({
    onSliderLoad: function() {
        $('#lightSlider').removeClass('cS-hidden');
    }     
});

from lightslider.

aah, so you knew all along ;)
Anyway. but that's jerky too.
Secondly, it would be better if you give 'this' object scope inside your callback functions, like onSliderLoad.

$('#lightSlider').lightSlider({
    onSliderLoad: function() {
        $(this).removeClass('cS-hidden');
    }     
});

why? because

1. most users might use class (multiple sliders) $('.slider'), and jquery search dom for the elements everytime you do a $('...') search.
2. providing this might give user access to current elements already being used inside the plugin.

#suggestion

from lightslider.