Программирование слайдера jquery

Question

Я хочу запрограммировать слайдер jquery сам, а не использовать какой-либо плагин. Но я хочу знать основную идею.

* 1003 например *

У меня есть

<ul>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>

</ul>

Я хочу показать по горизонтали только три элемента одновременно, и слева и справа останутся стрелки.

Я знаю основы jquery. Но я не знаю, как мне поступить шаг за шагом. Я имею в виду, когда нажмите на стрелку вправо

Левый div должен скользить влево, а новый div com right должен появиться влево

Любые идеи в последовательности, что мне нужно сделать

Answer 1

Даже если вы не хотите использовать плагин, вы сможете многому научиться, взглянув на код одного из них ... и вы, вероятно, поймете, что вам лучше просто использовать (или даже лучше) способствуя) одному из десятков существующих плагинов слайдера.