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

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.

Or maybe have a way to add the content within the li.

e.g.

	<ul id="supersized">
		<li class="slide-0">
			<div class="slide-content-0">
				<p>Loads of lovely HTML code in here.</p>
			</div>
			<a>
				<img src="image-0.jpg" />
			</a>
		</li>
		<li class="slide-1 prevslide">
			<div class="slide-content-1">
				<p>Loads of lovely HTML code in here.</p>
			</div>
			<a>
				<img src="images-1.jpg" />
			</a>
		</li>
		<li class="slide-2 activeslide">
			<div class="slide-content-2">
				<p>Loads of lovely HTML code in here.</p>
			</div>
			<a>
				<img src="images-2.jpg" />
			</a>
		</li>
	</ul>
Clone this wiki locally