Привет всей честной компании!
Дано:
Вот такая штука:
<div id="header-posts">
<div class="header-post-link-wrapper" >
<a href="#" class="header-post-link">
<img src="">
<span class="header-posts-title">Заголовок</span>
</a>
</div>
<div class="header-post-link-wrapper" >
<a href="#" class="header-post-link">
<img src="">
<span class="header-posts-title">Заголовок</span>
</a>
</div>
</div>
Блоков .header-post-link-wrapper - динамически изменяющееся кол-во. Расположены горизонтально, проще говоря лента с изображениями.
Собсно задача сделать нехитрую штуку, чтобы, когда их становится больше чем вмещает ширина экрана, появлялись пару узеньких блоков по бокам, типа стрелки прокрутки (конечно хотелось бы, чтоб плавненько прокручивалось
), а не помещающиеся блоки исчезали.
Все что находил на эту тему - многофункциональные слайдеры на JQuery, с кучей излишеств, а хотелось бы минимально нагружать.
Буду рад совету, а за серьезную помощь отблагодарю финансово (символически, хотя бы, так как не особо располагаю финансами сейчас
)