Jssor слайдер с вложенным слайдом вертикальная миниатюра

#javascript #html #jssor

#javascript #HTML #jssor

Вопрос:

Я хотел бы объединить опцию вложенного слайдера с вертикальной миниатюрой. Я смотрю на исходный код для примеров image-gallery-with-vertical-thumbnail.source.html и nested-slider.source.html и я не уверен, как я мог бы объединить эти два. Я имею в виду, что у них обоих есть thumbnalavigator, но как бы я сопоставил thumbnalavigator с выбранным в данный момент sliderhx_container?

Ответ №1:

Вы можете разместить дочерний слайдер на любом слайде родительского слайдера.

 <div id="parent_slider" ...>
    <div u="slides" ...>
        <!-- slide 1 -->
        <div>
            <div id="sliderh1_container" ...>
                <!-- content of sliderh1 -->
            </div>
            <img u="thumb" src="sliderh1_thumb.jpg" />
        <div>
        <!-- slide 2 -->
        <div>
            <div id="sliderh2_container" ...>
                <!-- content of sliderh2 -->
            </div>
            <img u="thumb" src="sliderh2_thumb.jpg" />
        <div>
        <!-- slide x -->
        <div>
            <div id="sliderhx_container" ...>
                <!-- content of sliderhx -->
            </div>
            <img u="thumb" src="sliderhx_thumb.jpg" />
        <div>
    </div>
</div>
  

Комментарии:

1. Я поместил миниатюравигатор (вы имели в виду этот с дочерним слайдером, верно?) в родительский слайдер (sliderh1_container), но теперь слайдер с вложенными большими пальцами исчез.

2. Любой URL, к которому я могу получить доступ онлайн?