The carousel widget displays a list of images. The images by default are aligned horizontally with previous and next buttons to scroll through them. Captions can be displayed at the bottom of each of the images. In the sections that follow, I'll show you how to create, configure, and use the carousel widget.
To set up the carousel widget, the width and height of the container element needs to be the same as the image sizes. For instance, if your images are 300 x 200, then the width and height needs to be set in the CSS as follows:
<!DOCTYPE HTML> <html> <head> ... <script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#wijcarousel").wijcarousel({ orientation: "horizontal", display: 1 }); }); </script> <style type="text/css"> #wijcarousel { width: 300px; height: 200px; } </style> </head> <body...