Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.05.2015, 11:17
Новичок на форуме
Отправить личное сообщение для Annes Посмотреть профиль Найти все сообщения от Annes
 
Регистрация: 12.05.2015
Сообщений: 1

Помогите с галереей картинок, пожалуйста!
Добрый день! Пишет вам человек, далёкий от Ява Скриптов, в надежде, что поможет сформулировать запрос для гугла или дадите совет.

На сайте есть галерея картинок на Ява Скрипте. Совсем простая: на странице отображаются миниатюры работ 90*90, нажимаешь - картинка увеличивается и появляется менюшка "вправо-влево-закрыть".
Недавно появилась идея сделать для каждой такой картинки свою мини-галерею с вариантами работы или фотографиями с другого ракурса. Идея реализовалась средствами html.

Вот так выглядел старый код:

<a href="images/examples/kepka01.jpg" class="highslide" onclick="return hs.expand(this)">
<img alt="Вышивка на задней части кепки" src="images/examples/kepka01.gif"></a>
<div class="highslide-caption">
Вышивка на задней части кепки</div>

Для создания своей галереи просто дублирую весь код в отрезок перед последним закрывающим дивом:

<a href="images/examples/kepka04.jpg" class="highslide" onclick="return hs.expand(this)">
<img alt="Вышивка флага России на боковой части кепки" src="images/examples/kepka04.gif"></a>
<div class="highslide-caption">
Вышивка флага России на боковой части кепки
<br>

<div align="center"><br>Детали работы<br><br>
<a href="images/examples/kepka04-2.jpg" class="highslide" onclick="return hs.expand(this)">
<img alt="Машинная вышивка на кепке в процессе" src="images/examples/kepka04-2.gif"></a>
<div class="highslide-caption">
Машинная вышивка на кепке в процессе</div>
</div>
</div>

Всё шикарно и отображается, как и было задумано, НО!
Если пользователь увеличивается картинку из основной галереи и начинает пользоваться прокруткой вправо, то ему показывает ВСЕ картинки, как основные, так и с деталями. А хотелось бы, чтобы только основные.
Нюанс. Если, увеличив картинку из основной галереи, увеличить картинки из дополнительной галереи с деталями, потом дополнительную картинку уменьшить обратно, и продолжить листать вправо в основной галерее - листаются только основные работы. Поэтому сделала вывод, что фишка где-то в Ява Скрипте. К сожалению, там вообще ничего не понимаю.

Прошу совета: как грамотно называется такая задача, есть ли готовые решения, как вообще мне это забить в гугл?)))) Мне приходило на ум только "двойная галерея", "своя галерея для картинок в галерее" и "ява скрипт листать картинки в галерее не по порядку". Увы, ничего толкового не нашла по таким запросам.

Интересует два направления вопроса: либо как сделать, чтобы при прокрутке вправо листались только основные картинки, либо как вообще создаются такие галереи, в которых к каждой картинке есть своя отдельная мини-галерея с деталями. Буду рада любым советам)))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена картинок на JS. Помогите реализовать! Aggao Элементы интерфейса 3 27.11.2014 23:32
Слайдер - карусель блоков (помогите пожалуйста) Viktor.Poberezhniy Общие вопросы Javascript 3 22.07.2014 12:46
Помогите пожалуйста вычислить общую сумму katalizator Общие вопросы Javascript 15 22.03.2013 16:26
Помогите пожалуйста правильно написать скрипт raffx Events/DOM/Window 17 16.10.2012 20:31
Проблема с одной галереей. Помогите, пожалуйста! IGObest (X)HTML/CSS 2 14.06.2010 03:09