Nivo-Slider Externe Controls

Beim Initialisieren des Nivo-Sliders gibt man eine Funktion an, die aufgerufen wird, wenn der Slider vollständig geladen ist:

$("#nivoslider").nivoSlider({
	directionNav: true,
	afterLoad: nivoAfterLoad 
});

Hat man folgende HTML-Struktur in den externen Controls

<div id="nivoControl">
	<ul>
		<li rel="0"><a href="#">Seite 1</a></li>
		<li rel="1"><a href="#">Seite 2</a></li>
		<li rel="2"><a href="#">Seite 3</a></li>
		<li rel="3"><a href="#">Seite 4</a></li>
		<li rel="4"><a href="#">Seite 5</a></li>
	</ul>
</div>

kann man in der Funktion auf das Rel-Attribut zugreifen und das entsprechende Slide direkt aufrufen. Damit der Code funktioniert, muss die Navigation aktiviert werden (man kann sie ja mit CSS ausblenden, wenn es stört) mit dem Parameter directionNav im Aufruf der Funktion (s.o.)