Skip to content
simonowendesign edited this page Sep 13, 2012 · 4 revisions

Div related to current slide

Would be nice if there was an easy way to display a div related to the current slide.

e.g.

	<ul id="supersized">
		<li class="slide-0" >
			<a>
				<img src="image-0.jpg" /></a>
		</li>
		<li class="slide-1 prevslide">
			<a>
				<img src="images-1.jpg" /></a>
		</li>
		<li class="slide-2 activeslide">
			<a>
				<img src="images-2.jpg" /></a>
		</li>
	</ul>

	<div class="slide-content-0">
		<p>Loads of lovely HTML code in here.</p>
	</div>
	<div class="slide-content-1">
		<p>Loads of lovely HTML code in here.</p>
	</div>
	<div class="slide-content-2 activecontent">
		<p>Loads of lovely HTML code in here.</p>
	</div>

So as the 'activeslide' class moves from each li, it also changes to the corresponding slide-content div.

Clone this wiki locally