jQuery
<script src="/Nivo-Slider/jquery.nivo.slider.pack.js"></script>
<script>
$(window).load(function() {
$('#slider').nivoSlider({
controlNav:false,
directionNav:false,
});
});
</script>
HTML
<link rel="stylesheet" href="Nivo-Slider/nivo-slider.css" type="text/css">
<link rel="stylesheet" href="Nivo-Slider/themes/default/default.css" type="text/css">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="slider1.jpg" data-thumb="slider1.jpg">
<img src="slider2.jpg" data-thumb="slider2.jpg">
<img src="slider3.jpg" data-thumb="slider3.jpg">
<img src="slider4.jpg" data-thumb="slider4.jpg">
<img src="slider5.jpg" data-thumb="slider5.jpg">
</div>
</div>
コメント