@11:28 sec May I please ask a question? Its about the css dispaly on each li item in firebug. After you added css to div (overflow to hidden and width to image width) you go and check the it on firebug to see what has been written. I can see that every list item has css style parameters more than you specified in the code. For an example, list-style-image:none and list-style-position:outside were not specified by that time. I am not sure where those element-styles are coming from.
Re: z-index. for(var i = 0; i < $this.children().length; i++){ var z = $this.children().length - i; $this.children().eq(i).css({ 'z-index': z }); } This subtracts the i variable from the total number of list items for each iteration. So you'll get 4 - 0 = 4, 4 - 1 = 3, 4 - 2 = 2 and so on.
Hi Jeffrey Way,
Nice tutorial...can i use this code for multiple slider?
@11:28 sec
May I please ask a question? Its about the css dispaly on each li item in firebug.
After you added css to div (overflow to hidden and width to image width) you go and check the it on firebug to see what has been written. I can see that every list item has css style parameters more than you specified in the code. For an example, list-style-image:none and list-style-position:outside were not specified by that time. I am not sure where those element-styles are coming from.
រឿងសិចស៊ិ
Thanks a lot...
On more query, if you could add next and previous in this plugin. That will be more reliable.
Re: z-index.
for(var i = 0; i < $this.children().length; i++){
var z = $this.children().length - i;
$this.children().eq(i).css({
'z-index': z
});
}
This subtracts the i variable from the total number of list items for each iteration. So you'll get 4 - 0 = 4, 4 - 1 = 3, 4 - 2 = 2 and so on.
Jeffery Way is the best of all the best.
Thanks