Пропустить первое изображение в галерее циклов

Question

Я использую цикл jQuery. Это мой JS:

$(".page-social-media .works_gallery .slider_cycle").each(function(){ 
    var id_nr = $(this).attr('rel'); 
    $(this).cycle({ 
     fx: 'scrollHorz', 
     speed: 500, 
     timeout: 0, 
     next: '#next_' + id_nr, 
     prev: '#prev_' + id_nr, 
    }); 
}); 

Используется вариант startingSlide но scrollHorz эффект упал и показать первое изображение на последний. Как пропустить первое изображение в моей галерее?

UPDATE:

Мой HTML Структур является динамическим. Как это:

<ul class="slider_cycle"> 
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li> 
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li> 
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li> 
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li> 
</ul> 

Answer 1

Если первое изображение всегда есть, вы должны быть в состоянии сделать следующее:

$(".page-social-media .works_gallery .slider_cycle").each(function(){ 
    var id_nr = $(this).attr('rel'); 
    if ($(this).is(':first-child') == false){ 
     $("#" + id_nr).cycle({ 
     fx: 'scrollHorz', 
     speed: 500, 
     timeout: 0, 
     next: '#next_' + id_nr, 
     prev: '#prev_' + id_nr, 
    }); 
    } else{ 
    $(this).style('display', 'none'); 
    } 
}); 

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