вот же простое решение! _http://biznesguide.ru/demo/rotator/ или вот смотрите где "Модальные окна для нескольких изображений"... _http://www.luksweb.ru/view_post.php?id=273

очень просто в установке!

Да, из вопроса не понятно зачем вам именно find.Из готовых решений, возьмите http://kenwheeler.github.io/slick/
Простой и удобный слайдер с высокой кастомизацией.

Если надо на существующем сайте повесить такой слайдер, то покажите верстку - напишу вам базовый код.

Цитата
видна была картинка 2

А чем другие картинки сейчас скрыты? display:none или за рамками отображаемого блока?одного HTML тут мало будет 


Базовое решение такое:

Для класса thumbnails установите стиль overflow:hidden и padding: 0px, в нем делаете еще 1 div, получиться так:

Код
<div class="thumbnails">        <div id="slider_block">         <img src="1.jpg">         <img src="2.jpg">         <img src="3.jpg">        </div>     </div>

теперь  JQuery:

$(".next").on("click", function(){
      $(".thumbnails").css("padding-right", "-200px"); /*При условии что ширина картинки 200px, если другое изменить*/
});

тоже самое с prev.
можно css на animate заменить для плавного перехода.

Feanorr, прошу прощения, а с каких пор позволен отрицательный padding?))