Я нахожусь в процессе создания фотогалереи - простой, которая имеет div с изображением большого размера, и div ниже этого, чтобы иметь, скажем, 5 миниатюрных изображений. В этом нижнем элементе делятся изображения стрелок влево и вправо, которые соответствующим образом размещаются, что при щелчке смещает контейнер миниатюр и приносит следующие 5 миниатюр. И, разумеется, при нажатии на миниатюру большое изображение в приведенном выше элементе div также изменится, чтобы отразить правильное изображение.
Я знаю, что это просто, и можно создавать лучшие галереи с использованием таких библиотек, как jquery и т. Д., Но я нахожусь в процессе изучения Javascript и хочу изучать его трудным путем, вместо того, чтобы сразу использовать эти прекрасные библиотеки.
У меня возникают проблемы при разработке "компенсирующей" части. Как отслеживать первые и последние миниатюры, содержащиеся в контейнере миниатюр, чтобы клавиши со стрелками влево и вправо могли смещать и соответствующим образом отображать миниатюры?
Также, пожалуйста, направьте меня к любым ресурсам, которые позволяют мне создавать такие галереи на основе миниатюр без использования каких-либо библиотек, таких как jquery. Я не хочу каких-либо необычных эффектов / слайд-шоу, подойдет простая элегантная статическая галерея.
Спасибо!