Плагин JQuery Cycle: наложение навигационных кнопок? - PullRequest
1 голос
/ 22 марта 2011

Я пытаюсь использовать плагин цикла jQuery (http://www.malsup.com/jquery/cycle/), чтобы создать баннер, похожий на этот на этой странице: http://www.epa.gov/. В частности, я бы хотел, чтобы кнопки навигатора располагались поверх изображений То, как это делается на epa.gov, - это то, что div div абсолютно позиционирован на странице, поэтому вы должны абсолютно точно позиционировать этот div на каждой странице, на которой хотите его использовать. Более простым решением было бы относительно позиционировать div nav. в div, который содержит изображения, которые я хочу прокрутить. Проблема в том, что я не вижу, как вы можете это сделать.

Код для циклических изображений:

$('#banner').after('<div id="nav"></div>').cycle({ fx: 'fade', speed: 1000, timeout:  5000, pager: '#nav', autostop: true, autostopCount: 5 });

функция "after" создает div nav, а опция pager делает этот div навигацией для баннерного div, который содержит изображения, но div nav создается либо до, либо после баннерного div. Я хочу, чтобы div div был создан внутри баннерного div, чтобы я мог относительно позиционировать его в этом div, поскольку именно он на самом деле содержит изображения. Это возможно? Есть ли другой плагин, который я должен использовать для этого?

1 Ответ

3 голосов
/ 22 марта 2011

На самом деле на странице примера Malsup есть очень похожий пример:

http://jquery.malsup.com/cycle/pager-over.html

Перейдите к «еще большему количеству демонстраций», и это самый верхний (пейджер поверх слайд-шоу).).

Трудно было найти, и единственная причина, по которой я знаю это, была в том, что я провел там несколько часов!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...