Slider width problem not showing the last item.

[rmsdes...@gmail.com]

Hi! I am having some issues with the slider not getting the correct width thus not displaying the last item of the list in horizontal slider. instead puts the last item under the slider because of not enough width. any way to fix this issue?

[Sly.js]

Maybe you could isolate the issue so I can look at it?

http://jsbin.com

http://jsfiddle.net

http://codepen.io

http://liveweave.com

https://www.google.com/search?q=live+javascript+editor

[ray...@nerdattack.com.my]

On Tuesday, 18 February 2014 19:58:09 UTC+8, rmsdes...@gmail.com wrote:
> Hi! I am having some issues with the slider not getting the correct width thus not displaying the last item of the list in horizontal slider. instead puts the last item under the slider because of not enough width. any way to fix this issue?

Did you manage to solve this? I'm having the same issue but it only happens on Firefox.

[diac...@gmail.com]

Hi.

Same for me. Last slide isn't showing up. Sometimes i see another problem, on load the slider not showing all images, just the first one.

[fizik...@gmail.com]

I added first slide <li> custom , so it didnt show last item.. then i added fixed width for first slider..and all is working... only Resize dont calculate right size of <li> elements..and that sux

[vinay...@javelintools.com]

On Tuesday, October 14, 2014 9:09:14 AM UTC+5:30, fizik...@gmail.com wrote:
> I added first slide <li> custom , so it didnt show last item.. then i added fixed width for first slider..and all is working... only Resize dont calculate right size of <li> elements..and that sux

I faced this issue too. The width was less by one pixel (always). The issue was reproducible only in Firefox and Safari. Worked fine on Chrome. I made the following jQuery call immediately after I called .sly()

$('section-slidee ul').css('width', function(i){
return $(this).width() + 1;
});

That did the trick.