Сочетание переключателя изображений jquery и скрипта с надписью

Question

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

Свертывание заголовка - это прекрасный скрипт jCapSlide, вот пример его работы:

http://steph-morris.com/jCapSlide.html

(оригинальный плагин от http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/)

Вот пример меню переключения изображений, в котором полностью не отображаются подписи, в режиме прокрутки или нет:

http://steph-morris.com/novel_test.html

В более ранней версии этого связывания удалось получить заголовок, отображающий, ЕСЛИ я удалил его из DIV "ic_container" и переместил в "накладной" DIV. К сожалению, я больше не могу повторить это. Это то, что мне нравится в хакерских сценариях других людей, это то, как много я могу закончить, тем больше я ломаюсь над этим!

Буду признателен за любые рекомендации, начиная от инструкций и заканчивая "совмещением двух сценариев вместе 101", руководством к удобному решению, как заставить это работать.

Answer 1

Ваш javascript в основном в порядке, на самом деле проблема заключается в вашем CSS. Я удалил некоторые из стилей, и теперь он работает правильно для первого. Вам придется немного поиграть со стилями, чтобы получить то, что вы хотите. Что касается второго, не показывающего проблему, то это то, что по какой-то причине у javascript возникают проблемы, когда для опции showcaption установлено значение true. Обходной путь, чтобы заставить это работать, состоит в том, чтобы вручную установить div 'ic_caption', чтобы иметь style="display:block;", Я не мог понять, почему это не сработало, но если сделать это сейчас, это заставит показать заголовок в начале.

Я установил рабочий пример здесь: http://jsfiddle.net/dbMGg/1/