javascript - jQuery Carousel jumping to the wrong item -
I have : last
and . There is a strange problem with. Previously ()
method is not inserting the code before the final element.
edit]
I have a new problem: /
The problem (now that Code below. (Also, I think this is: Thank you very much. and CSS: is in the order of
$ ('#carousel_ul'). CSS ({'left': '0px'});
doing this - on lines 19
a 37
.
$ (document) .ready (function () { Var numItems = $ ('# carousel_ul'). ('Li'); var previous () ($ ('# carousel_ul li: last') + $ ('# carousel_ul li: last')) ('# Carousel_ul li'); while (differen ca. 1) {$ ('# carousel_ul li: last'). Later ('& lt; li class = "empty" style = "background color: green; Click here (function () {var item_width = $ ('# carousel_ul li'). External Wide () + 10; var left_indent = parseInt ($ ('# carousel_ul'). Css ('atom ({' left ': left_indent}, 1500, function () {$ (' # carousel_ul li: last ') - (item_width * 4 ); $ ('# Carousel_ul: not (animated)'). ($ ('# Carousel_ul li: first')); $ ('# carousel_ul'). CSS ({'left': '0px'}); // here error?}); Return return;}); $ ('# Carousel_ul li') each (function intIndex) {var itemName = $ (this) .attr ('name'); $ (This) .html (itemName); Console.log (itemName);}); $ ('# Left_scroll a') Click (function () {var item_width = $ ('# carousel_ul li'). External Wide () + 10; var left_indent = parseInt ($ ('# carousel_ul'). CSS ('left' '(item_wind'h * 4); $ ('# carogel_ool: no (animated)'). Animate ({'left': left_indent}, 1500, function () {$ ('# carousel_ul li: first'). ($ ('# Carousel_ul li : '$ Last')); $ ('# carousel_ul'). CSS ({'left': '0px'}); // error here?}); Return return;}); $ ('# Tabkuntainer & gt; ul '). Tab ();});
on #corosium_ {float: left; / * Important for inline positioning * / width: 800px; / * Improved (This width = the width of the list item (including the margin) * items shown * / height: 150 px; position: relative; overflow: hidden; / * important (hide items outside the div) * / / * non-critical styling Bele * / Background: #FFFF, Z-index: 15;} #Corosel_L {status: relative; left: 0px; / * IMPORTANT (This list should be the negative number of the width of the item (including margin) * / List-style-type: none; / * Unordered list items * / margin: 0px; Padding: 0px; Width: 9999px; / * Important * / Height: 150px; Min-height: 150px; / * Removing default style for non-critical style bellow * / Padding-bottom: 10px; Z-index: 15;} #carousel_ul li {float: left; / * Important for inline positioning of list item * / width: 205px; / * Fixed width, important * / / * styling bills * / padding: 0 px; Border: 1 px solid black; Height: 150 px; Min-height: 150 px; Z-index: 15;} # carousel_ul li img {. Margin-down: -4px; / * IE is making a 4px difference an image insee bellow An anchor (& lt; a href ... & gt;) is therefore to decide that * / / * styling * / cursor: pointer; Cursor: hand; Border: 0px; Z-index: 15; #left_scroll, #right_scroll {float: left; Height: 130px; Width: 15px; Background: # C0C0C0; Z-index: 15; } # Left_scroll img, #wright_skin img {/ * styling * / cursor: pointer; Cursor: hand; Z-index: 15; }
I manually set CSS animation settings -160px
.
Comments
Post a Comment