last day (15 days later) » 

6:46 PM
0
Q: Issue in JavaScript / jQuery Slider __ Maybe a css issue

SymbolwddI have spent my whole day but can't find solution to this problem. I am trying to implement a slider on my website in mobile view ( 480px ). The slider is somehow not calculating the actual "width" and "left" attributes. The slides don't show up on the page. I have tried using 3 sliders idanger...

 
I could not get the slider function in Desktop too. The page does not seem to be mobile friendly too.
 
@sarbbottam Try reducing browser's width to 480px
 
Is the problem, that both the arrows are over lapping each other, in 480px?
 
no no, that won't be a problem to get fixed. If you check it in developer tools like firebug etc, you'll see that the script is working and trying to change the slides, the slides are getting changed but are not showing up in the specified area
 
Please verify the left vale that is being assigned. <ul style="position: relative; left: -450px; width: 3150px;"><li style="float: left; width: 450px;">. The left values being assigned are always less than -450px. The width of the slider is 450px, thus any left value, less then its width will not allow it to be vissible. Moreover the parent container has overflow: hidden.
 
6:46 PM
yes...that is correct. Also, if you disable that "position:relative" on "ul", the slides will be shown but then they won't slide.
 
You have to use either relative or absolute but take care about the left value.
 
Correct, can you guide me a little further how to take care of that? as it is getting applied by the script and i can't make container width more than 450
 
Instead of negative value for the left try giving positive value fo the left in the multiple of 450 in px
 
tried it already...it works for the first two slides then again starts the multiples of 450 in negative
 
Is $.fn.lbSlider = function(options) standard jQuery plugin or custom
 
6:50 PM
Its a plugin downloaded from internet...
let me send you the link to it
 
Is it working in desktop? I don't find it working there either.
 
the page is only for mobile. So we need to fix this in mobile. And i really very appreciate your concern...
 
I do comprehend your concerns but the functionality is irrespective of the viewport, since the width of the slider is 450px. I suppose the problem has nothing to do with desktop or mobile, in general its is broken.
 
yeah...tell you what...
just fuck that, i have used another slider and this time its working
this is the fourth slider i am giving a try and it is the first out of 4th that worked...
fucked my whole day trying to fix this issue...
just gave you as much up points as i could..Still no words to thank you for your time
 
Why being abusive?
I am bound to listen to your foul statement.
 
7:06 PM
coz i just wasted my whole day
 
And you wasted my time too
 
true...sorry...was just getting over excited over this
Really thank you mate. I was not expecting that much good response from the community. Really really appreciated.
Bbye...
 

last day (15 days later) »