Разделение галереи и HTML-всплывающее окно на той же странице

Question

Я потратил часы и часы работы на то, чтобы заставить Highslide работать исправно. К сожалению, это так сложно, что я подхожу к концу своего троса. На той же странице я хочу создать галерею с кнопками управления, а также несколько всплывающих окон html iframe с только «закрытой» ссылкой. Я не могу остановить кнопки управления, появляющиеся на всплывающих окнах iframe, несмотря на то, что они прочитали и попытались применить всю информацию здесь и на веб-сайте Highslide.

Пример моей страницы: www.littlehotels.co.uk/spain/noves.php. При нажатии на большую фотографию вверху запускается слайд-шоу галереи. Нажатие значка «Карта местоположения» или «Ближайший аэропорт» запускает всплывающее окно iframe.

Может ли кто-нибудь помочь мне решить проблему, прежде чем я сдаду и потрачу еще несколько часов на посылку другого пакета на свой сайт? Я буду вечно благодарен. Благодарю.

Answer 1

Проблема в том, что вы не установили slideshowGroup, поэтому ваши параметры в hs.addSlideshow затронуты всеми слайдами. См. slideshowGroup и addSlideshow ссылки.

Так что ваши варианты должны выглядеть таким образом:

hs.addSlideshow({ 
    slideshowGroup: ['group1', 'group2'], // here 
    interval: 3500, 
    repeat: true, 
    useControls: true, 
    fixedControls: "fit", 
    overlayOptions: { 
     className: "text-controls", 
     opacity: .75, 
     position: "bottom center", 
     offsetX: 0, 
     offsetY: 10, 
     hideOnMouseOut: true 
    } 
});