A wijcarousel is made up of lists of images, like this:
Markup
| Paste inside the body tags of a page |
Copy Code
|
<div id="wijcarousel0">
<ul>
<li><img alt="1" src="http://lorempixum.com/200/150/sports/1" title="Word1" />
<span>Word Caption 1</span></li>
<li><img alt="2" src="http://lorempixum.com/200/150/sports/2" title="Word2" />
<span>Word Caption 2</span></li>
<li><img alt="3" src="http://lorempixum.com/200/150/sports/3" title="Word3" />
<span>Word Caption 3</span></li>
<li><img alt="4" src="http://lorempixum.com/200/150/sports/4" title="Word4" />
<span>Word Caption 4</span></li>
<li><img alt="5" src="http://lorempixum.com/200/150/sports/5" title="Word5" />
<span>Word Caption 5</span></li>
<li><img alt="6" src="http://lorempixum.com/200/150/sports/6" title="Word6" />
<span>Word Caption 6</span></li>
</ul>
</div>
|
The following script initializes the wijcarousel widget:
To initialize the wijcarousel
| Paste inside the head section of a page |
Copy Code
|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#wijcarousel0").wijcarousel({
display: 3,
step: 2,
orientation: "horizontal"
});
});
</script>
|
The markup and script featured here results in the following:
Sample Carousel
|
See Also
Concepts
Reference
Show All
Hide All