<body>
<div id="wrap">
<h1>jCarousel</h1>
<h2>Riding carousels with jQuery</h2>
<h3>Best Practice Implementation</h3>
<p>
This is a recommended unobstrusive example implementation of jCarousel.
</p>
<div id="mycarousel" class="jcarousel-container">
<div class="jcarousel-clip">
<ul class="jcarousel-list">
<!-- Add the first visible range of items statically for displaying with javascript disabled -->
<?php
$jcarousel_items = jcarousel_getItems($jcarousel_visible);
foreach ($jcarousel_items as $item) {
?>
<li><img src="<?php
echo htmlspecialchars($item['src']);
?>
" width="75" height="75" alt="<?php
echo htmlspecialchars($item['title']);
?>
" /></li>
<?php
}
?>
</ul>
</div>
</div>
<?php
include_once 'jcarousel_functions.php';
// --
// Array/Database indexes are 0-based, jCarousel positions are 1-based.
$first = intval($_REQUEST['first']) - 1;
$last = max($first + 1, intval($_REQUEST['last']) - 1);
// --
$offset = $first;
$limit = $last - $first + 1;
$items = jcarousel_getItems($limit, $offset);
// ---
header('Content-type: text/xml');
echo '<data>' . "\n";
foreach ($items as $item) {
echo ' <item>' . "\n";
foreach ($item as $key => $val) {
echo ' <' . $key . '>' . htmlspecialchars($val) . '</' . $key . '>' . "\n";
}
echo ' </item>' . "\n";
}
echo '</data>';
