изображение карусель, показывающее все изображения

Question

для некоторых переворотов, поэтому моя карусель изображений показывает все изображения сразу. Я не знаю, почему, но я думаю, что это имеет какое-то отношение к моему css.

#full_image { 
overflow:hidden; 
position:absolute; 
} 

#full_image ul li img { 
width:100%; 
max-width:100%; 
list-style: none outside none; 
position: relative; 
overflow: hidden; 
} 

#full_image .full_close { 
background: url('icons/zoom-on.png') no-repeat; 
top: 10px; 
cursor: pointer; 
height: 29px; 
opacity: 1; 
position: absolute; 
width: 29px; 
z-index: 999; 
right: 10px; 
} 

#full_image .next_big { 
background: url('icons/arrow-right.png') no-repeat; 
top: 50%; 
cursor: pointer; 
height: 29px; 
opacity: 1; 
position: absolute; 
width: 29px; 
z-index: 999; 
right: 0px; 
} 
#full_image .prev_big { 
background: url('icons/arrow-left.png') no-repeat; 
top: 50%; 
cursor: pointer; 
height: 29px; 
opacity: 1; 
position: absolute; 
width: 29px; 
z-index: 999; 
left: 0px; 
color: #222; 
} 

<div id="full_image"> 
    <ul><li><img src="'+img+'" /></a></li></ul> 
    <a href="#" class="full_close"></a> 
    <a href="#" class="button next_big"></a> 
    <a href="#" class="button prev_big"></a> 
</div> 

Как я загружаю изображения.

$.each(get_org_images, function (i, img) { 
     if (i > 0){ 
      $('#full_image ul').append('<li><img src="' + img + '"/></li>');} }); 

Answer 1

я не знаю, что вы имеете в виду с "они показывают сразу". Что вы ожидаете от них? Возможно, дополнительная информация. помог бы.

, но вы могли бы сделать некоторые вещи, как производительность:

var parent = $('#full_image').find("ul"); 
$.each(get_org_images, function (i, img) { 
     if (i > 0){ 
      parent.append('<li><img src="' + img + '"/></li>');} }); 

не должен выбирать каждый раз, когда родитель в каждом. И $('#full_image').find("ul") лучше Селектор затем $('#full_image ul')

вы можете сделать просто, что:

parent.append('<li><img style="display:none;" src="' + img + '"/></li>');} }); 

который .hide() будет делать.

Answer 2

Если JavaScript написана, чтобы заменить изображения, то вы должны использовать HTML вместо добавить в вашем коде. Затем новое изображение заменит старый.

Попробуйте это:

$.each(get_org_images, function (i, img) { 
     if (i > 0){ 
      $('#full_image ul').html('<li><img src="' + img + '"/></li>');} });