Я столкнулся с проблемкой. Попробую описать ее максимально понятно.
ЕСТЬ САЙТ: sotka54.ru
Это одностраничный сайт, в одном из блоков которого расположены миниатюры (категории), которые кликабельны.
ИДЕЯ: При нажатии на одну из шести миниатюр пользователь переходит в галерею, которая отображает фото (слайды из конкретного указанного каталога).
КАК СЕЙЧАС: Всего в каталоге с фото размещены 6 фотографий, на которые ссылаются миниатюры с главной страницы. Всего 6 миниатюр и 6 фотографий. При нажатии на первую миниатюру подгружается слайдер, который начинает демонстрацию слайдов с первого фото, размещенного в каталоге с полноразмерными фото, потом продолжает их пролистывать одну за другой (от №1 до №6). При переходе по миниатюре №4 открывается тот же слайдет, только начинает демонстрацию с фото №4, продолжает листать 4-5-6-1-2-3. То есть в любом случае листает все 6 фото, только стартует с порядкового номера фотографии, которая соответствует порядковому номеру миниатюры. 6ая миниатюра начинает листать с 6й фотографии, потом 1,2,3,4,5. Но эти фото одни и те же.
КАК НУЖНО: При переходе по ссылке, вложенной в миниатюре на главной должен открываться слайдер со своим отдельным каталогом. То есть не общий каталог из 6 фото на все миниатюры, а 6-8 фото на каждую миниатюру. Казалось бы все просто - задаешь путь a href на нужный каталог и будет мне счастье. Не выходит. Показываю на примере:
Вот как выглядит миниатюра на главной:
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <div class="col-lg-4 col-sm-6">
- <a href="img/portfolio/fullsize/2.jpg" class="portfolio-box">
- <img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- КОММУНИКАЦИИ
- </div>
- <div class="project-name">
- Газ, электричество, вода
- </div>
- </div>
- </div>
- </a>
- </div>