Сочетание переключателя изображений 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/