-
Notifications
You must be signed in to change notification settings - Fork 256
Feature Request
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>