Ротатор контента (слайдер) с разделением на страницы!!!
 

Всем привет. Пытаюсь создать ротатор контента в котором div c меню (которое является элементом управления слайдером) и div c контентом слайдера не объединяются каким-то общим дивом. Практически все слайдеры, которые я нахожу в интернете имеют следующую html-структуру:

<div class="slider" id="main-slider">
	<div class="slider-wrapper">
		<div class="slide" id="slide-1"></div>
		<div class="slide" id="slide-2"></div>
                ...
	</div>
	<div class="slider-nav"><!-- Pagination -->
		<a href="#slide-1">1</a>
		<a href="#slide-2">2</a>
                ...
	</div>
</div>

То-есть как видно из примера выше навигация и контент объединены в один общий div c id="main-slider".

Вообщем главная цель - это возможность управления слайдером с помощью меню, которое не находится в общем блоке div. Возможно есть какие-нить jQuery-плагины, или готовый JS-код.
Заранее благодарю за ответы.

Да пожалуйста, никто же вам не запрещает обращаться вне "main-slider" к его элементам. Каких-то плагинов для решения именно этой проблемы не нужно. :)

Вы можете размещать блок с навигацией где угодно на странице. Главное -- сохраняйте в блоке навигации ссылку на слайдер, которым он управляет.
Например, так:

<div class="slider-nav" data-target="main-slider">