Изменение презентации Highslide Iframe

Question

Я сейчас экспериментирую с Highslide, и в настоящее время очень впечатлен.

Мне удалось настроить галерею именно так, как я хочу, но мне не так повезло с iframe. Появится всплывающее окно с заголовком со ссылкой "Закрыть" в правом верхнем углу и значком изменения размера в правом нижнем углу.

Я могу удалить верхний и нижний колонтитулы с

.highslide-header {
display: none;
}
.highslide-footer {
display: none;
}

в CSS, и я мог бы поиграть с другими настройками в CSS. Однако я не могу найти способ поместить ссылку "Закрыть" в нижний колонтитул. (Я хотел бы закрыть, чтобы быть справа внизу.)

Любое руководство будет с благодарностью получено.

МОЕ ЗАКЛЮЧИТЕЛЬНОЕ РЕШЕНИЕ После работы над предложениями EarlyOut у меня все еще были проблемы. Окончательное решение состояло в том, чтобы удалить верхний и нижний колонтитулы, как упомянуто выше, а затем поместить ссылку "Закрыть" в подпись (которая является специальным пользовательским оверлеем). Это потребовало всего лишь небольшого дополнительного кода в html, чтобы ссылка на пиктограмму стала

<a href="URL_of_the_target_file" onclick="return hs.htmlExpand(this, { 
        objectType: 'iframe', width: 665, 
        height: null } )"></a>
<div class='highslide-caption closer'>
<a href="#" onclick="return hs.close(this)">CLOSE</a>
</div>

Я добавил класс "ближе", потому что это казалось самым простым способом форматирования ссылки "Закрыть".

Answer 1

Этот пример должен привести вас в правильном направлении. Обратите внимание на расположение оверлея и добавленный CSS для кнопок "закрыть":

http://www.roadrash.no/hs-support/example-iframes-different-closebuttons.html