XOOPS 新版佈景設計
<link rel="stylesheet" href="<{xoImgUrl css/nivo-slider.css}>" type="text/css" media="screen" />
<div id="templatemo_slider">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<{foreach from=$slider_var item=sl}>
<img src="<{$sl.file_url}>" alt="Slider" title="<{$sl.description}>" />
<{/foreach}>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
<script type="text/javascript" src="<{xoImgUrl js/jquery.nivo.slider.pack.js}>"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</div>