[jQuery]Nivo Sliderの基本的な設置方法

jQuery

2018.12.28

jQuery
HTML

jQuery

<script src="/Nivo-Slider/jquery.nivo.slider.pack.js"></script>
<script>
$(window).load(function() {
  $('#slider').nivoSlider({
    controlNav:false,
    directionNav:false,
  });
});
</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>